本文档提供了一个简单的HTML示例，演示了如何使用JavaScript实现当鼠标悬停在链接上时显示一张图片的效果。该示例通过修改图片的可见性及位置实现了交互式的用户体验。
<HTML><body><a href="www.sina.com" id="i" onmouseover="show(this)" onmouseout="hide()">免费电影</a><div id="m" style="BORDER-RIGHT:black 1px solid;PADDING-RIGHT:20px;BORDER-TOP:black 1px solid;PADDING-LEFT:20px;Z-INDEX:100;VISIBILITY:hidden;PADDING-BOTTOM:20px;BORDER-LEFT:black 1px solid;WIDTH:80px;PADDING-TOP:20px;BORDER-BOTTOM:black 1px solid;POSITION:absolute"onmouseover="show(i)" onmouseout="hide()"><img src="meng.jpg"></img></div>
<script> 
function show(o){ 
var m=document.getElementById("m") m.style.pixelLeft=getL(o) m.style.pixelTop=getT(o)+o.offsetHeight m.style.visibility='' 
} function hide(){ document.getElementById("m").style.visibility='hidden' } function getL(e){ var l=e.offsetLeft; while(e=e.offsetParent){ l+=e.offsetLeft; } return l } function getT(e){ var t=e.offsetTop; while(e=e.offsetParent){ t+=e.offsetTop; } return t 
} </script></body></HTML>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
