当前位置: 首页 > 图文教程 > 网页特效 > 鼠标代码 > 网页中图片鼠标指向后带图片的alt提示
关键字
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>好玩的鼠标指向后带图片的提示效果ruanchen.com</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> <div id="Layer1" style="display:none;position:absolute;z-index:1;"></div> <img src="/upload/tech/20091010/20091010013253_07a96b1f61097ccb54be14d6a47439b0.gif" onmouseout="hiddenPic();" onmousemove="showPic(this.src);" /> <p></p> <img src="/upload/tech/20091010/20091010013254_f7664060cc52bc6f3d620bcedc94a4b6.jpg" onmouseout="hiddenPic();" onmousemove="showPic(this.src);" /> </body> </html>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
登陆 还没注册?