网上外围和记体育公司

设计之家 > 教程 > 网页教程 > Javascript教程 >

JS函数实现鼠标指向图片后显示大图代码

作者：佚名　来源：网络　时间：2007-10-28

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JS函数实现鼠标指向图片后显示大图</title> <script language="javascript"> function showPic(sUrl){ var x,y; x = event.clientX; y = event.clientY; document.getElementById("Layer1").style.left = x; document.getElementById("Layer1").style.top = y; document.getElementById("Layer1").innerHTML = "<img src=\"" + sUrl + "\">"; document.getElementById("Layer1").style.display = "block"; } function hiddenPic(){ document.getElementById("Layer1").innerHTML = ""; document.getElementById("Layer1").style.display = "none"; } </script> </head> <body> <P id="Layer1" style="display:none;position:absolute;z-index:1;"></P> <img src="/images/logo.gif" onmouseout="hiddenPic();" onmousemove="showPic(this.src);" /> <p></p> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

标签：显示大图代码

上一篇

JavaScript基本数据结构

下一篇

没有了

网上外围和记体育公司相关的文章

随机推荐

Javascript特效：随机显示图片的源代码

Javascript特效：随机显示图片的源代码

Javascript教程 | 2006-09-29

获得当前页面URL地址的三个JS代码

获得当前页面URL地址的三个JS代码

Javascript教程 | 2006-10-06

Javascript高级应用：文件操作篇

Javascript高级应用：文件操作篇

Javascript教程 | 2006-10-06

Javascript随机显示图片的源代码

Javascript随机显示图片的源代码

Javascript教程 | 2006-09-29

JavaScript的document和window对象详解

JavaScript的document和window对象详解

Javascript教程 | 2006-09-29

根据内容自动调整弹出窗口大小的JS解决方案

根据内容自动调整弹出窗口大小的JS解决方案

Javascript教程 | 2006-10-06

<tfoot id='HDLH0'></tfoot>

<legend id='5mBUi'><style id='pO6zN'><dir id='rxqNS'><q id='LfrDr'></q></dir></style></legend>

<i id='FCCMz'><tr id='yboCz'><dt id='0Ilme'><q id='E7GF8'><span id='2di5T'><b id='FYFF1'><form id='uzN3V'><ins id='UMaru'></ins><ul id='2ZnOI'></ul><sub id='FG3Wc'></sub></form><legend id='xCQ6v'></legend><bdo id='BuI44'><pre id='KFTMe'><center id='K5tAt'></center></pre></bdo></b><th id='26olf'></th></span></q></dt></tr></i><div id='CoFZt'><tfoot id='LZnP6'></tfoot><dl id='OWqkn'><fieldset id='3mXg4'></fieldset></dl></div>