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 相关文章推荐
Mootools 1.2教程 Fx.Tween的使用
Sep 15 Javascript
js网页中的(运行代码)功能实现思路
Feb 04 Javascript
js AppendChild与insertBefore用法详细对比
Dec 16 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
Dec 31 Javascript
js字符串操作方法实例分析
May 06 Javascript
写给小白的JavaScript引擎指南
Dec 04 Javascript
JS hashMap实例详解
May 26 Javascript
js弹出窗口简单实现代码
Mar 22 Javascript
Angularjs 与 bower安装和使用详解
May 11 Javascript
vue-router实现tab标签页(单页面)详解
Oct 17 Javascript
laypage.js分页插件使用方法详解
Jul 27 Javascript
JavaScript 语句之常用 for 循环详解
Mar 29 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
深入php数据采集的详解
2013/06/02 PHP
php获得用户ip地址的比较不错的方法
2014/02/08 PHP
PHP多进程编程实例
2014/10/15 PHP
简单说说PHP优化那些事(经验分享)
2014/11/27 PHP
Joomla开启SEF的方法
2016/05/04 PHP
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
PHP判断一个数组是另一个数组子集的方法详解
2017/07/31 PHP
Ubuntu 16.04中Laravel5.4升级到5.6的步骤
2018/12/07 PHP
实例介绍PHP删除数组中的重复元素
2019/03/03 PHP
JavaScript 克隆数组最简单的方法
2009/02/12 Javascript
js创建对象的几种常用方式小结(推荐)
2010/10/24 Javascript
jQuery学习笔记之jQuery的事件
2010/12/22 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
2016/09/19 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
2017/04/13 Javascript
ES6中Math对象新增的方法实例详解
2017/04/25 Javascript
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
微信小程序实现的一键拨号功能示例
2019/04/24 Javascript
JS使用new操作符创建对象的方法分析
2019/05/30 Javascript
vue 插槽简介及使用示例
2020/11/19 Vue.js
基于Python的身份证号码自动生成程序
2014/08/15 Python
Python中的二维数组实例(list与numpy.array)
2018/04/13 Python
python线程中同步锁详解
2018/04/27 Python
在Python中使用gRPC的方法示例
2018/08/08 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
Python序列化pickle模块使用详解
2020/03/05 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
css3 column实现卡片瀑布流布局的示例代码
2018/06/22 HTML / CSS
Bowflex美国官方网站:高级家庭健身器材
2017/12/22 全球购物
以下的初始化有什么区别
2013/12/16 面试题
测试驱动开发的主要步骤是什么
2014/12/10 面试题
聘用意向书范本
2014/04/01 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书
入党申请书怎么写?
2019/06/11 职场文书
85句关于理想的名言警句大全
2019/08/22 职场文书
Vue图片裁剪组件实例代码
2021/07/02 Vue.js