mouseover、mouseout控制显示隐藏时,离开主导航子导航消失的解决办法
2015-06-09 16:51
465 查看
>>方法1:
让子导航上部与主导航的下部重叠一部分
按之前的设计,鼠标进入主导航时触发mouseover事件子导航显示,鼠标离开主导航时触发mouseout事件子导航消失,重叠一小部分可以让鼠标从主导航下部离开时触发主导航的mouseout事件之前先触发子导航的mouseover事件
当鼠标离开主导航时要判断是否也离开了子导航,当鼠标同时离开主导航与子导航的时候才触发,才触发彼此的mouserover事件
>>方法2:
另外还有个解决方案,可以不重叠彼此的一部分,当鼠标离开主导航的时候通过setTimeout方法延迟执行主导航的mouseout事件,比如延迟1秒钟,1秒钟后判断鼠标是否触发了子导航的mouseover事件,其它与上面同理
让子导航上部与主导航的下部重叠一部分
按之前的设计,鼠标进入主导航时触发mouseover事件子导航显示,鼠标离开主导航时触发mouseout事件子导航消失,重叠一小部分可以让鼠标从主导航下部离开时触发主导航的mouseout事件之前先触发子导航的mouseover事件
当鼠标离开主导航时要判断是否也离开了子导航,当鼠标同时离开主导航与子导航的时候才触发,才触发彼此的mouserover事件
>>方法2:
另外还有个解决方案,可以不重叠彼此的一部分,当鼠标离开主导航的时候通过setTimeout方法延迟执行主导航的mouseout事件,比如延迟1秒钟,1秒钟后判断鼠标是否触发了子导航的mouseover事件,其它与上面同理
相关文章推荐
- 团队博客 第四周 面向对象程序设计
- java 访问sql server数据库
- label、span标签小解
- C# 泛型编程之泛型类、泛型方法、泛型约束
- Chrome新版JS调试工具
- Tiny模板编辑器
- org.tinygroup.serviceprocessor-服务处理器
- jQuery.post()函数
- hunnu Sum of f(x)
- Selenium打包成exe运行出错
- easyui框架搭建
- 字符窜右循环移位函数
- java 入门基础-开发工具
- 二、mybatis进阶
- mysql实现master-slave的replication方案
- 图像傅里叶变换
- weblayer组件介绍
- Extension
- android Unity3D 游戏修改基础篇
- MSSQL 递归CTE的应用通过子级获取所有对应的父级及其本身(二)