单击链结弹出图片

<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>