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 相关文章推荐
jQuery截取指定长度字符串代码
Aug 21 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
Feb 02 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
jquery实现浮动的侧栏实例
Jun 25 Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
Sep 09 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
用js实现博客打赏功能
Oct 24 Javascript
js css自定义分页效果
Feb 24 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
Mar 21 Javascript
使用react render props实现倒计时的示例代码
Dec 06 Javascript
JavaScript之实现一个简单的Vue示例
Jan 17 Javascript
vuex页面刷新导致数据丢失的解决方案
Dec 10 Vue.js
打印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
星际玩家的三大定律
2020/03/04 星际争霸
一个可以删除字符串中HTML标记的PHP函数
2006/10/09 PHP
JSON在PHP中的应用介绍
2012/09/08 PHP
php生成zip压缩文件的方法详解
2013/06/09 PHP
php给一组指定关键词添加span标签的方法
2015/03/31 PHP
js代码实现微博导航栏
2015/07/30 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
JS写的数字拼图小游戏代码[学习参考]
2008/10/29 Javascript
一个可以随意添加多个序列的tag函数
2009/07/21 Javascript
JS定时器实例
2013/04/17 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
2014/05/05 Javascript
深入浅析JavaScript中prototype和proto的关系
2015/11/15 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
2017/01/13 Javascript
node使用UEditor富文本编辑器的方法实例
2017/07/11 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
Node.js 实现远程桌面监控的方法步骤
2019/07/02 Javascript
python基础教程之分支、循环简单用法
2016/06/16 Python
Python中json格式数据的编码与解码方法详解
2016/07/01 Python
python+pyqt5实现图片批量缩放工具
2019/03/18 Python
使用OpenCV实现仿射变换—缩放功能
2019/08/29 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
python实现提取COCO,VOC数据集中特定的类
2020/03/10 Python
Tensorflow中的降维函数tf.reduce_*使用总结
2020/04/20 Python
基于Python词云分析政府工作报告关键词
2020/06/02 Python
CSS实现定位元素居中的方法
2015/06/23 HTML / CSS
护士求职推荐信范文
2013/11/23 职场文书
网上开店必备创业计划书
2014/01/26 职场文书
工程专业求职自荐书范文
2014/02/08 职场文书
学校就业推荐信范文
2014/05/19 职场文书
安全责任书怎么写
2014/07/28 职场文书
群众路线个人自我剖析材料
2014/10/07 职场文书
圣诞晚会主持词开场白
2015/05/28 职场文书
工程进度款催款函
2015/06/24 职场文书
新闻通讯稿模板
2015/07/22 职场文书