javascript下拉菜单定位的问题

来源：百度知道 编辑：UC知道 时间：2024/06/22 16:45:02
如题。想要的效果是：当鼠标移动到div1上时弹出div2，在不特别指定div2的位置的情况下（不定义left和top）怎样把div2定位到div1的下方呢？（要用到offsetLeft和offsetParent吧，请具体演示，加分~）
怎样计算主调DIV的高度，而不用自己指定呢？还有就是怎么用偏移（offsetLeft等）精确指定DIV2的位置呢？
给点解释~~
是否嫌分太少噻~~可以加~~

//计算菜单位置
function resize(){
var devi = 0;//火狐浏览器如果出现y轴滚动条会导致坐标便宜7像素
if((document.body.scrollWidth-document.body.clientWidth)>0){
devi = -7;//这个判断就是判断是否火狐浏览器
}

document.getElementById("div2").style.left = document.getElementById("div1").getBoundingClientRect().left + devi + "px";//div2的横坐标=div1的横坐标+火狐浏览器的偏移量
document.getElementById("div2").style.top = parseInt(document.getElementById("div1").getBoundingClientRect().top) + 58 + "px";//div2的纵坐标=div1的纵坐标+div1的高度
}
devi是为了保证firefox浏览器在出现滚动条时候的兼容
那个58就是div1的height+1的距离

这是我以前写的代码 我直接粘过来的 你要div的高就是document.getElementById("div1").style.height

不用offsetLeft是因为这个属性不能保证ie以外浏览器支持

//JAVASCRIPT代码
function displaySubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "block";
}
func