单击链结弹出图片

最新推荐文章于 2024-02-17 15:38:15 发布

ding20688

最新推荐文章于 2024-02-17 15:38:15 发布

阅读量98

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/ding20688/article/details/83979588

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<form id="form1" runat="server">
<a href="www.sina.com" id="i" οnmοuseοver="show(this)" οnmοuseοut="hide()">Link</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"
οnmοuseοver="show(i)" οnmοuseοut="hide()">
<img src="images/2008651598734.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>
</form>