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

piaoyunlei 发表于: 2006-5-10 16:56 来源: 立华软件园博客

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

多谢

多谢！！

最新回复

woshifeng888 at 2006-5-10 16:57:33: 放图形上和放到连接上是一样的
风语者 at 2006-5-10 16:58:10: <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>