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 利用闭包模拟对象的私有属性
Dec 29 Javascript
JavaScript实现16进制颜色值转RGB的方法
Feb 09 Javascript
JS 日期与时间戮相互转化的简单实例
Jun 22 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
Aug 17 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
JavaScript实现格式化字符串函数String.format
Dec 16 Javascript
详解vuejs几种不同组件(页面)间传值的方式
Jun 01 Javascript
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
May 16 Javascript
微信小程序如何访问公众号文章
Jul 08 Javascript
Nuxt的路由配置和参数传递方式
Nov 06 Javascript
关于JavaScript 中 if包含逗号表达式
Nov 27 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
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
CentOS下PHP安装Oracle扩展
2015/02/15 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
PHP使用Memcache时模拟命名空间及缓存失效问题的解决
2016/02/27 PHP
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
innerHTML与jquery里的html()区别介绍
2012/10/12 Javascript
利用JQuery和JS实现奇偶行背景颜色自定义效果
2012/11/19 Javascript
javascript中判断一个值是否在数组中并没有直接使用
2012/12/17 Javascript
js导出table到excel同时兼容FF和IE示例
2013/09/03 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
js clearInterval()方法的定义和用法
2015/11/11 Javascript
AngularJS directive返回对象属性详解
2016/03/28 Javascript
Angularjs实现分页和分页算法的示例代码
2016/12/23 Javascript
浅谈Webpack多页应用HMR卡住问题
2019/04/24 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
2020/01/16 Javascript
VUE 实现element upload上传图片到阿里云
2020/08/12 Javascript
python数据结构之二叉树的建立实例
2014/04/29 Python
Python的Flask站点中集成xhEditor文本编辑器的教程
2016/06/13 Python
Python3学习笔记之列表方法示例详解
2017/10/06 Python
对Python3使运行暂停的方法详解
2019/02/18 Python
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
Django中celery执行任务结果的保存方法
2019/07/12 Python
python对验证码降噪的实现示例代码
2019/11/12 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
移动端HTML5实现文件上传功能【附代码】
2016/03/25 HTML / CSS
出国留学介绍信
2014/01/13 职场文书
本科毕业生求职自荐信
2014/02/03 职场文书
小学中秋节活动方案
2014/02/06 职场文书
幼儿园大班家长评语
2014/04/17 职场文书
一体化教学实施方案
2014/05/10 职场文书
公司员工安全协议书
2014/11/21 职场文书
稽核岗位职责
2015/02/10 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript