您的位置:首页 > 其它

mouseover、mouseout控制显示隐藏时,离开主导航子导航消失的解决办法

2015-06-09 16:51 465 查看
>>方法1:
让子导航上部与主导航的下部重叠一部分
按之前的设计,鼠标进入主导航时触发mouseover事件子导航显示,鼠标离开主导航时触发mouseout事件子导航消失,重叠一小部分可以让鼠标从主导航下部离开时触发主导航的mouseout事件之前先触发子导航的mouseover事件
当鼠标离开主导航时要判断是否也离开了子导航,当鼠标同时离开主导航与子导航的时候才触发,才触发彼此的mouserover事件
>>方法2:
另外还有个解决方案,可以不重叠彼此的一部分,当鼠标离开主导航的时候通过setTimeout方法延迟执行主导航的mouseout事件,比如延迟1秒钟,1秒钟后判断鼠标是否触发了子导航的mouseover事件,其它与上面同理
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: