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中dom操作和事件的实例学习 下拉框应用
Dec 01 Javascript
jquery easyui使用心得
Jul 07 Javascript
node.js中的fs.appendFileSync方法使用说明
Dec 17 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
Sep 16 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
详解vue-loader在项目中是如何配置的
Jun 04 Javascript
Vue.js更改调试地址端口号的实例
Sep 19 Javascript
JavaScript 反射和属性赋值实例解析
Oct 28 Javascript
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
Jul 22 Javascript
vue 组件间的通信之子组件向父组件传值的方式
Jul 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错误、异常处理类
2014/03/21 PHP
Ubuntu中搭建Nginx、PHP环境最简单的方法
2015/03/05 PHP
php实现约瑟夫问题的方法小结
2015/03/23 PHP
PHP中$_SERVER使用说明
2015/07/05 PHP
根据json字符串生成Html的一种方式
2013/01/09 Javascript
js采用map取到id集合组并且实现点击一行选中一行
2013/12/16 Javascript
JS过滤url参数特殊字符的实现方法
2013/12/24 Javascript
JS中自定义定时器让它在某一时刻执行
2014/09/02 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
2014/10/22 Javascript
JavaScript组合拼接字符串的效率对比测试
2014/11/06 Javascript
AngularJS 使用$sce控制代码安全检查
2016/01/05 Javascript
JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
2016/08/19 Javascript
JavaScript代码里的判断小结
2016/08/22 Javascript
简单实现js拖拽效果
2017/07/25 Javascript
VUE实现一个分页组件的示例
2017/09/13 Javascript
JS实现字符串中去除指定子字符串方法分析
2018/05/17 Javascript
nodejs中各种加密算法的实现详解
2019/07/11 NodeJs
prettier自动格式化去换行的实现代码
2020/08/25 Javascript
vue实现简单加法计算器
2020/10/22 Javascript
[38:23]完美世界DOTA2联赛循环赛 FTD vs PXG BO2第二场 11.01
2020/11/02 DOTA
Java Web开发过程中登陆模块的验证码的实现方式总结
2016/05/25 Python
python实现监控某个服务 服务崩溃即发送邮件报告
2018/06/21 Python
keras实现VGG16 CIFAR10数据集方式
2020/07/07 Python
使用OpenCV实现道路车辆计数的使用方法
2020/07/15 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
python中altair可视化库实例用法
2021/01/26 Python
Ubuntu20.04环境安装tensorflow2的方法步骤
2021/01/29 Python
CSS3圆角边框和边界图片效果实例
2016/07/01 HTML / CSS
英国第一豪华护肤品牌:Elemis
2017/10/12 全球购物
网站编辑求职信
2013/10/17 职场文书
财务经理岗位职责
2013/11/09 职场文书
办公文员的工作岗位职责
2013/11/12 职场文书
小学生评语大全
2014/04/18 职场文书
求职自我评价范文100字
2014/09/23 职场文书
四风问题对照检查材料思想汇报
2014/10/07 职场文书
小学生安全教育主题班会
2015/08/12 职场文书