>>方法1:
让子导航上部与主导航的下部重叠一部分
按之前的设计,鼠标进入主导航时触发mouseover事件子导航显示,鼠标离开主导航时触发mouseout事件子导航消失,重叠一小部分可以让鼠标从主导航下部离开时触发主导航的mouseout事件之前先触发子导航的mouseover事件
当鼠标离开主导航时要判断是否也离开了子导航,当鼠标同时离开主导航与子导航的时候才触发,才触发彼此的mouserover事件
>>方法2:
另外还有个解决方案,可以不重叠彼此的一部分,当鼠标离开主导航的时候通过setTimeout方法延迟执行主导航的mouseout事件,比如延迟1秒钟,1秒钟后判断鼠标是否触发了子导航的mouseover事件,其它与上面同理
时间: 2024-10-10 02:46:50