bst365最新正规买球

设计之家 > 教程 > 网页教程 > 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基本数据结构

下一篇

没有了

bst365最新正规买球相关的文章

随机推荐

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='2el94'></tfoot>

<legend id='2el94'><style id='2el94'><dir id='2el94'><q id='2el94'></q></dir></style></legend>

<i id='2el94'><tr id='2el94'><dt id='2el94'><q id='2el94'><span id='2el94'><b id='2el94'><form id='2el94'><ins id='2el94'></ins><ul id='2el94'></ul><sub id='2el94'></sub></form><legend id='2el94'></legend><bdo id='2el94'><pre id='2el94'><center id='2el94'></center></pre></bdo></b><th id='2el94'></th></span></q></dt></tr></i><div id='2el94'><tfoot id='2el94'></tfoot><dl id='2el94'><fieldset id='2el94'></fieldset></dl></div>