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

<legend id='g2f8q'><style id='g2f8q'><dir id='g2f8q'><q id='g2f8q'></q></dir></style></legend>

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

<li id='g2f8q'><abbr id='g2f8q'></abbr></li>