JS单击显示隐藏子菜单代码

JavaScript016

JS单击显示隐藏子菜单代码,第1张

你定义的a是全局变量，不管你点击的菜单是菜单一，还是菜单二都执行，不要这样写，直接加判断，点击菜单一时如果display是block就隐藏，否则显示

注：火狐和ie获取display的方法不同，用前先判断，要不不兼容

var

currentstyle

=

function(e){

return

e.currentstyle

||

document.defaultview.getcomputedstyle(e,

null)

}

if(currentstyle(document.getelementbyid(id))['display']=='none'){

document.getelementbyid(divname).style.display

=

"block"

}else{

document.getelementbyid(divname).style.display

=

"none"

}

首先要取得top值和left值，先要把这个div的定位设为

relative

或者

absolute

比如：

<div

id="tiao"

style="margin-top:

3margin-left:

-5width:

470height:

25position:relative"

></div>

top值：

document.getelementbyid('tiao').offsettop+document.body.scrolltop

left值：document.getelementbyid('tiao').offsetleft