发新话题
打印

请给一个鼠标移到图片上然后出现下拉菜单的例子?

<html>  
<body>  
<img  src="csdn.gif"  onmouseover="show(this)"  onmouseout="hide()"  id=i>  
<div  id=m  style="visibility:hidden;position:absolute;width:80;padding:20;border:1  solid  black;z-index:100"  onmouseover="show(i)"  onmouseout="hide()">  
222  
ddd  
dd  
</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>

TOP

发新话题