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 相关文章推荐
JavaScript 事件记录使用说明
Oct 20 Javascript
JS中判断JSON数据是否存在某字段的方法
Mar 07 Javascript
jQuery使用slideUp方法实现控制元素缓慢收起
Mar 27 Javascript
基于JavaScript实现树形下拉框
Aug 10 Javascript
薪资那么高的Web前端必看书单
Oct 13 Javascript
vue中实现先请求数据再渲染dom分享
Mar 17 Javascript
vue项目关闭eslint校验
Mar 21 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
Jul 13 Javascript
vue中的v-if和v-show的区别详解
Sep 01 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
Sep 11 Javascript
你知道JavaScript Symbol类型怎么用吗
Jan 08 Javascript
解决vue的touchStart事件及click事件冲突问题
Jul 21 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
Laravel中log无法写入问题的解决
2017/06/17 PHP
jquery 可排列的表实现代码
2009/11/13 Javascript
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
2010/11/30 Javascript
JS控制网页动态生成任意行列数表格的方法
2015/03/09 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
2015/06/04 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
分享jQuery封装好的一些常用操作
2016/07/28 Javascript
用js实现简单算法的实例代码
2016/09/24 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
原生js+cookie实现购物车功能的方法分析
2017/12/21 Javascript
vue cli升级webapck4总结
2018/04/04 Javascript
Vue 实现列表动态添加和删除的两种方法小结
2018/09/07 Javascript
JSON.stringify()方法讲解
2019/01/31 Javascript
详解微信小程序实现仿微信聊天界面(各种细节处理)
2019/02/17 Javascript
使用jQuery实现掷骰子游戏
2019/10/24 jQuery
Vue-CLI 3 scp2自动部署项目至服务器的方法
2020/07/24 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
分享Python字符串关键点
2015/12/13 Python
Python读取图片属性信息的实现方法
2016/09/11 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
python图形开发GUI库pyqt5的基本使用方法详解
2020/02/14 Python
TensorFlow的reshape操作 tf.reshape的实现
2020/04/19 Python
HTML5离线缓存Manifest是什么
2016/03/09 HTML / CSS
印度网上药店:1mg
2017/10/13 全球购物
日本乐天官方海外转运服务:Rakuten Global Express
2018/11/30 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?
2014/07/27 面试题
室内设计专业个人的自我评价
2013/10/19 职场文书
法律系毕业生自荐信范文
2014/03/27 职场文书
股权收购意向书
2014/04/01 职场文书
《大作家的小老师》教学反思
2014/04/16 职场文书
如何写股份合作协议书
2014/09/11 职场文书
2014个人四风对照检查材料思想汇报
2014/09/18 职场文书
店铺转让协议书(2014版)
2014/09/23 职场文书
局领导领导班子四风对照检查材料
2014/09/27 职场文书
六查六看自查报告
2014/10/14 职场文书
小学三年级数学教学反思
2016/02/16 职场文书