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控制表格隔行变色
Jun 26 Javascript
JavaScript实现找出数组中最长的连续数字序列
Sep 03 Javascript
Bootstrap每天必学之轮播(Carousel)插件
Apr 25 Javascript
jquery做个日期选择适用于手机端示例
Jan 10 Javascript
Vue的Class与Style绑定的方法
Sep 01 Javascript
Vue单页面应用保证F5强刷不清空数据的解决方案
Jan 31 Javascript
Vue 创建组件的两种方法小结(必看)
Feb 23 Javascript
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
解决angular双向绑定无效果,ng-model不能正常显示的问题
Oct 02 Javascript
JavaScript函数的特性与应用实践深入详解
Dec 30 Javascript
vue-router 中 meta的用法详解
Nov 01 Javascript
JS+CSS实现过渡特效
Jan 02 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
dede3.1分页文字采集过滤规则详说(图文教程)
2007/04/03 PHP
PHP入门学习的几个不错的实例代码
2008/07/13 PHP
php删除与复制文件夹及其文件夹下所有文件的实现代码
2013/01/23 PHP
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
alert和confirm功能介绍
2014/05/21 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
jQuery中;function($,undefined) 前面的分号的用处
2014/12/17 Javascript
JavaScript 学习笔记之语句
2015/01/14 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
2016/04/07 Javascript
AngularJS延迟加载html template
2016/07/27 Javascript
EditPlus 正则表达式 实战(3)
2016/12/15 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
vue2.0使用Sortable.js实现的拖拽功能示例
2017/02/21 Javascript
vuejs响应用户事件(如点击事件)
2017/03/14 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
2017/07/18 jQuery
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
2019/10/30 Javascript
微信小程序实现手指拖动选项排序
2020/04/22 Javascript
python查找目录下指定扩展名的文件实例
2015/04/01 Python
使用Python编写类UNIX系统的命令行工具的教程
2015/04/15 Python
浅析python递归函数和河内塔问题
2017/04/18 Python
python脚本爬取字体文件的实现方法
2017/04/29 Python
Python 3实战爬虫之爬取京东图书的图片详解
2017/10/09 Python
Python探索之实现一个简单的HTTP服务器
2017/10/28 Python
python嵌套字典比较值与取值的实现示例
2017/11/03 Python
对Python中DataFrame按照行遍历的方法
2018/04/08 Python
简单的Python调度器Schedule详解
2019/08/30 Python
详解Python中如何将数据存储为json格式的文件
2020/11/18 Python
CSS3中的opacity属性使用教程
2015/08/19 HTML / CSS
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
英国哈罗德园艺:Harrod Horticultural
2020/03/31 全球购物
介绍一下SOA和SOA的基本特征
2016/02/24 面试题
货车司机岗位职责
2014/03/18 职场文书
民间借贷借条如何写
2015/05/26 职场文书
Python接口自动化之文件上传/下载接口详解
2022/04/05 Python