JS弹出DIV层菜单

<script language="javascript">
function locking(){
document.all.help.style.display='block';
}
function locking2(){
document.all.help.style.display='none';
}
</script>
以上是鼠标停留或移开调用的两个JS,调用处代码如下:
<a href="#" onmousemove="locking();" onmouseout="locking2();">帮助中心</a>

现在问题是当DIV层菜单弹出后,想点击DIV上的二级菜单,鼠标还没移到二级菜单上去时,DIV层就隐藏了,无法点击二级菜单。这个问题怎么解决啊?急啊!求助,谢谢。

你把onmouseout="locking2() 去掉!
然后在点击二级菜单链接时Onclick事件顺便执行locking2() 隐藏操作!追问

这个很好,后来我是这么做的,但是我要求当鼠标不点击且离开弹出DIV层时,DIV层又自动隐藏。

追答

今天忙了一天,下午出去了没来得及给你回答问题,不好意思!下面解决问题!
根据你的需求,那还得用你原来的方法!但是要做一些修改。先告诉你思路,你的代码是移动到链接上弹出二级菜单,鼠标移走时二级菜单隐藏!可是你的代码是移动到一级菜单,所促发的事件都是针对一级菜单执行的!
所以当你鼠标还没移动到二级菜单 的时候,二级菜单就隐藏了!
现在发现问题所在,就好解决了。你可以在二级菜单上加onmouseout事件。这样还会出现问题,就是当你鼠标不移到二级菜单,而是直接从一级菜单移动到其他地方,那么二级菜单依然不会隐藏,所以你需要把二级菜单和一级菜单重合!用CSS把他俩重合,当你把鼠标从一级菜单直接移到其他地方,也相当于触发了二级菜单的onmouseout事件。这样就会出现你想要的效果!
不知道这种方式能不能解决你的问题。不早了,我该睡觉去了。祝你成功!

温馨提示:答案为网友推荐,仅供参考
第1个回答  2011-09-02
onmouseout改成onClick就行了追问

这样改不行,我的意思是当点击二级菜单后DIV会再次隐藏,你这样改点了后DIV不会隐藏。

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网