两种办法:2级菜单要紧挨着1级菜单,至少有一部分是相连的,这样鼠标沿着相连的部分移动,就不会让2级菜单自动隐藏了;或者在1级菜单的mouseout事件中,不要立刻让2级菜单隐藏,而是延迟一段时间再隐藏,比如 var t = setTimeout("2级菜单.style.display='none'",1000); ,这样的话,只要在1秒内鼠标移到2级菜单上即可,当然,2级菜单的mouseover事件要立刻执行 clearTimeout(t);。特别注意:变量t一定要设为全局的。
你要鼠标移出后1级菜单后2级菜单隐藏,又要鼠标移出1级菜单后移入2菜单前不隐藏
但是你的一级菜单和二技菜单还不是连在一起 这个逻辑就本身有问题
要实现你说的内容 方法有两个
1、修改排版 把一级菜单和二技菜单连在一起
2、对”鼠标移出后1级菜单后2级菜单隐藏”这个操作进行延时处理,示例
menu1
menu2
要么就hover的时候增加width来连接二级菜单
要么就二级菜单加个底层背景.大小可以接上一级菜单 不过只有右边可以离开二级菜单时隐藏了
或者做成点击事件.直接解决