JQery鼠标移入,移出触发方法
来源:互联网 发布:设置三级域名 编辑:程序博客网 时间:2024/06/14 10:47
总结:1、我在项目中遇到个问题,鼠标移到该文字区域的时候,就显示一个下拉区域。移开这个下拉区域的时候,就隐藏这块区域,当然这块区域是浮在页面主体上的。刚开始的时候,以为在要触发的文字区域这块加上onmouseenter或者onmouseleave这两个事件里写隐藏和显示区域就行了,code如下:
<div id="nav">
<ulclass="w" >
<li class="list active all"id="allcategory"><a href="#" onmouseenter=”alert(111);”onmouseleave=”alert(2222);” >所有商品分类</a></li>
<li><h2><a class="active1" href="/index.html">首 页</a></h2></li>
但是这个并不是我所想要的结果,因为不仅要在这个文字区域才触发onmouseleave事件而是离开整个区域才触发这个事件。于是,在网上找到相关资料,使用jquery 的on方法,code如下:
$(function(){
$(“#nava”).on(‘onmouseenter’,’#nav a’,function(){
////区域显示,鼠标移入要写的内容
}); //这个只适用于jquery版本在1.7以上的,1.4以下适用live,这之间的使用delegate
})
0 0
- JQery鼠标移入,移出触发方法
- 鼠标移入移出事件
- 鼠标移入移出事件
- mouse添加鼠标移出移入事件 两种方法
- 鼠标移入移出事件的多种方法实现
- MFC鼠标移入移出事件
- 鼠标移入移出的代码
- 鼠标移入显示移出消失
- 鼠标移入移出改变样式
- JS鼠标移入,移出事件
- 鼠标的移入移出事件
- jquery 使用鼠标移入移出
- 鼠标的移出和移入
- 如何防止鼠标移出移入子元素触发mouseout和mouseover事件
- js鼠标移入移出事件样例
- 鼠标移入移出事件图片更换
- 菜单鼠标移入移出切换图片
- jquery 判断鼠标移入移出位置
- Python内建序列之字符串
- eclipse python插件地址选择以及安装
- DE0 Nano ADC 使用
- Rexsee
- 生活中,总会有人对你说三道四
- JQery鼠标移入,移出触发方法
- [黑马程序员][C语言] typedef
- WindowManager.LayoutParams
- Android编译系统——编译流程详解
- VMware虚拟机上网络连接(network type)的三种模式--bridged、host-only、NAT
- linux问题集锦——数据库
- 大话Android 之activity生命周期
- 漫谈程序员系列:一张图道尽程序员的出路
- 队列的C++实现