Board logo

标题: 请给一个鼠标移到图片上然后出现下拉菜单的例子? [打印本页]

作者: piaoyunlei    时间: 2006-5-10 16:56     标题: 请给一个鼠标移到图片上然后出现下拉菜单的例子?

有一个图片形式的菜单,上面有热点,现在需要档鼠标移到上面的时候,在图片下面出现菜单,但是菜单的顶部一定是和图片的底边是贴合的  

多谢  

多谢!!
作者: woshifeng888    时间: 2006-5-10 16:57

放图形上和放到连接上是一样的
作者: 风语者    时间: 2006-5-10 16:58

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




欢迎光临 编程开发论坛 (http://bbs.lihuasoft.net/) Powered by Discuz! 6.0.0