hover的用法及live的用法介绍(鼠标悬停效果)


Posted in Javascript onMarch 29, 2013
// live主要用于对动态加载出来的元素绑定事件 
// 产品目录 
$(".lm_div_q dd").live({ 
mouseenter: function() { 
$(this).find("strong").addClass("tj_strong"); 
$(this).find("strong").next().slideDown(200); // 显示下拉框 
}, 
mouseleave: function() { 
$(this).find("strong").removeClass("tj_strong"); 
$(this).find("strong").next().slideUp(200); // 隐藏下拉框 
} 
}); 
// hover直接绑定事件<PRE class=javascript name="code">// 产品目录 
$(".lm_div_q dd").hover(function(){ 
$(this).find("strong").addClass("tj_strong"); 
$(this).find("strong").next().stop(true,true).slideDown(200); // 显示下拉框 
},function(){ 
$(this).find("strong").removeClass("tj_strong"); 
$(this).find("strong").next().stop(true,true).slideUp(200); // 隐藏下拉框 
});</PRE><BR> 
<BR> 
<PRE></PRE> 
<BR> 
<BR>
Javascript 相关文章推荐
改版了网上的一个js操作userdata
Apr 27 Javascript
jQuery 类twitter的文本字数限制带提示效果插件
Apr 16 Javascript
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
Sep 14 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
Dec 21 Javascript
jquery实现pager控件示例
Apr 09 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
Nov 17 Javascript
vue用addRoutes实现动态路由的示例
Sep 15 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
Oct 25 Javascript
ElementUI多个子组件表单的校验管理实现
Nov 07 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
Angular进行简单单元测试的实现方法实例
Aug 16 Javascript
打印json对象的内容及JSON.stringify函数应用
Mar 29 #Javascript
图片延迟加载的实现代码(模仿懒惰)
Mar 29 #Javascript
JS 跳转页面延迟2种方法
Mar 29 #Javascript
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 #Javascript
javascript重写alert方法的实例代码
Mar 29 #Javascript
javascript时间函数基础介绍
Mar 28 #Javascript
javascript数组的使用
Mar 28 #Javascript
You might like
将数字格式的计算结果转为汉字格式
2006/10/09 PHP
php xml实例 留言本
2009/03/20 PHP
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
php图像处理函数imagecopyresampled用法详解
2016/12/02 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
Javascript计算时间差的函数分享
2011/07/04 Javascript
Three.js源码阅读笔记(光照部分)
2012/12/27 Javascript
js操作iframe的一些方法介绍
2013/06/25 Javascript
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
2013/12/05 Javascript
JQuery中解决重复动画的方法
2016/10/17 Javascript
JS验证不重复验证码
2017/02/10 Javascript
jQuery中Chosen三级联动功能实例代码
2017/03/07 Javascript
判断颜色是否合法的正则表达式(详解)
2017/05/03 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
2017/06/12 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
2017/06/20 Javascript
VUE实现表单元素双向绑定(总结)
2017/08/08 Javascript
JS实现json对象数组按对象属性排序操作示例
2018/05/18 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
2018/06/25 Javascript
nodejs中request库使用HTTPS代理的方法
2019/04/30 NodeJs
原生JS实现多条件筛选
2020/08/19 Javascript
[06:50]DSPL次级职业联赛十强晋级之路
2014/11/18 DOTA
Python文本处理之按行处理大文件的方法
2018/04/09 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
python 解决Fatal error in launcher:错误问题
2020/05/21 Python
Python私有属性私有方法应用实例解析
2020/09/15 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
详解Python openpyxl库的基本应用
2021/02/26 Python
Alba Moda瑞士网上商店:独家意大利时尚女装销售
2016/11/28 全球购物
Fanatics法国官网:美国体育电商
2019/08/27 全球购物
Linux中如何设置Java环境变量(Ubuntu)
2016/07/24 面试题
通信工程毕业生自荐信
2013/11/01 职场文书
六十岁生日答谢词
2014/01/10 职场文书
森林防火宣传标语
2014/06/27 职场文书
Python中json.dumps()函数的使用解析
2021/05/17 Python