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

标签：

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

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

标签：

原文地址：http://www.cnblogs.com/LoveJulin/p/4563968.html