编程开发论坛 - Powered by Discuz! Board

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

作者: 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/)