半岛靠谱最新盘口(官方)网站

设计之家 > 教程 > 网页教程 > 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='DZ24A'></tfoot>

<legend id='XMqNO'><style id='2bZfC'><dir id='yb1Ay'><q id='FCSkX'></q></dir></style></legend>

<i id='3goOT'><tr id='A3Ynx'><dt id='HaVA2'><q id='kexBQ'><span id='5Lrl2'><b id='Tmgt0'><form id='JR091'><ins id='Z22ei'></ins><ul id='L8iq2'></ul><sub id='IoulI'></sub></form><legend id='ieYVe'></legend><bdo id='rZdX0'><pre id='oWEoY'><center id='1bWKb'></center></pre></bdo></b><th id='sntsf'></th></span></q></dt></tr></i><div id='5UFQg'><tfoot id='YXTEE'></tfoot><dl id='x2Uwt'><fieldset id='7X3ba'></fieldset></dl></div>

<li id='pNU1d'><abbr id='ylOiy'></abbr></li>