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 相关文章推荐
Extjs ajax同步请求时post方式参数发送方式
Aug 05 Javascript
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
Feb 23 Javascript
IE、FF、Chrome浏览器中的JS差异介绍
Aug 13 Javascript
jQuery中$.fn的用法示例介绍
Nov 05 Javascript
js实现超简单的展开、折叠目录代码
Aug 28 Javascript
js淡入淡出焦点图幻灯片效果代码分享
Sep 08 Javascript
JS组件Bootstrap Table使用实例分享
May 30 Javascript
针对JavaScript中this指向的简单理解
Aug 26 Javascript
微信开发 消息推送实现代码
Oct 21 Javascript
微信小程序 小程序制作及动画(animation样式)详解
Jan 06 Javascript
js原生日历的实例(推荐)
Oct 31 Javascript
nginx+vue.js实现前后端分离的示例代码
Feb 12 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中通过smtp发邮件的类,测试通过
2007/01/22 PHP
PHP使用微信开发模式实现搜索已发送图文及匹配关键字回复的方法
2017/09/13 PHP
Yii框架页面渲染操作实例详解
2019/07/19 PHP
PHP数组与字符串互相转换实例
2020/05/05 PHP
js 剪切板的用法(clipboardData.setData)与js match函数介绍
2013/11/19 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
jquery中ready()函数执行的时机和window的load事件比较
2015/06/22 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
2015/11/01 Javascript
Bootstrap实现登录校验表单(带验证码)
2016/06/23 Javascript
vuejs动态组件给子组件传递数据的方法详解
2016/09/09 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
2016/10/21 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
2017/02/10 Javascript
jQuery中Chosen三级联动功能实例代码
2017/03/07 Javascript
vuex的module模块用法示例
2018/11/12 Javascript
js实现上下左右键盘控制div移动
2020/01/16 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
2020/04/07 Javascript
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
JavaScript实现答题评分功能页面
2020/06/24 Javascript
在react项目中使用antd的form组件,动态设置input框的值
2020/10/24 Javascript
JavaScript 如何在浏览器中使用摄像头
2020/12/02 Javascript
javascript 数组(list)添加/删除的实现
2020/12/17 Javascript
[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片
2016/03/04 DOTA
深入理解NumPy简明教程---数组2
2016/12/17 Python
python主线程捕获子线程的方法
2018/06/17 Python
对python dataframe逻辑取值的方法详解
2019/01/30 Python
python生成特定分布数的实例
2019/12/05 Python
css3.0 图形构成实例练习一
2013/03/19 HTML / CSS
巴西购物网站:Submarino
2020/01/19 全球购物
聚网科技C++面试笔试题
2015/09/01 面试题
SQL Server面试题
2013/04/04 面试题
《两只鸟蛋》教学反思
2014/02/10 职场文书
党支部书记岗位责任制
2014/02/11 职场文书
群众路线党课主持词
2014/04/01 职场文书
2016年五四青年节校园广播稿
2015/12/17 职场文书
导游词之开封禹王台风景区
2019/12/02 职场文书
Mysql的Table doesn't exist问题及解决
2022/12/24 MySQL