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中不为人知的五种声明Number的方式简要概述
Feb 22 Javascript
JS实现仿京东淘宝竖排二级导航
Dec 08 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
Jun 30 Javascript
微信小程序 wxapp内容组件 text详细介绍
Oct 31 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
Dec 30 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
原生JS实现的碰撞检测功能示例
May 18 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
Sep 30 Javascript
es6数据变更同步到视图层的方法
Mar 04 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
js消除图片小游戏代码
Dec 11 Javascript
TypeScript实用技巧 Nominal Typing名义类型详解
Sep 23 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
咖啡与牛奶
2021/03/03 冲泡冲煮
PHP 数据结构队列(SplQueue)和优先队列(SplPriorityQueue)简单使用实例
2015/05/12 PHP
PHP IDE phpstorm 常用快捷键
2015/05/18 PHP
Thinkphp框架开发移动端接口(1)
2016/08/18 PHP
PHP简单实现上一页下一页功能示例
2016/09/14 PHP
PHP实现文件上传功能实例代码
2017/05/18 PHP
js prototype 格式化数字 By shawl.qiu
2007/04/02 Javascript
javascript fullscreen全屏实现代码
2009/04/09 Javascript
使用 JScript 创建 .exe 或 .dll 文件的方法
2011/07/13 Javascript
javascript 进阶篇2 CSS XML学习
2012/03/14 Javascript
jqplot通过ajax动态画折线图的方法及思路
2013/12/08 Javascript
js通过元素class名字获取元素集合的具体实现
2014/01/06 Javascript
jQuery网页版打砖块小游戏源码分享
2015/08/20 Javascript
详解JavaScript节流函数中的Throttle
2016/07/16 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
2019/01/09 jQuery
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
2019/11/13 Javascript
js canvas实现五子棋小游戏
2021/01/22 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
深入理解python中的闭包和装饰器
2016/06/12 Python
Python将多个list合并为1个list的方法
2018/06/27 Python
Django rest framework工具包简单用法示例
2018/07/20 Python
详解python分布式进程
2018/10/08 Python
python创建n行m列数组示例
2019/12/02 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
CSS3五个技巧给你的网站带来出色的效果
2009/04/02 HTML / CSS
浅析border-radius如何兼容IE
2016/04/19 HTML / CSS
澳大利亚在线百货商店:Real Smart
2017/08/13 全球购物
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
伦敦剧院及景点门票:Encore Tickets
2018/07/01 全球购物
Opodo英国旅游网站:预订廉价航班、酒店和汽车租赁
2018/07/14 全球购物
蛋糕店的商业计划书范文
2014/01/27 职场文书
幼儿园亲子活动总结
2014/04/26 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
中秋节感想
2015/08/10 职场文书
JavaScript实现贪吃蛇游戏
2021/06/16 Javascript