单击链结弹出图片

<form id="form1" runat="server">
    <a href="www.sina.com" id="i" onmouseover="show(this)" onmouseout="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"
        onmouseover="show(i)" onmouseout="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>