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的10个怪癖和秘密分享
Aug 28 Javascript
让人印象深刻的10个jQuery手风琴效果应用
May 08 Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 Javascript
Vue.JS入门教程之列表渲染
Dec 01 Javascript
JS实现JSON.stringify的实例代码讲解
Feb 07 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 Javascript
实用Javascript调试技巧分享(小结)
Jun 18 Javascript
vue遍历生成的输入框 绑定及修改值示例
Oct 30 Javascript
微信小程序基于movable-view实现滑动删除效果
Jan 08 Javascript
javascript canvas封装动态时钟
Sep 30 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 在文件指定行插入数据的代码
2010/05/08 PHP
php实现简单加入购物车功能
2017/03/07 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
js 提交和设置表单的值
2008/12/19 Javascript
30个最佳jQuery Lightbox效果插件分享
2011/04/11 Javascript
js的image onload事件使用遇到的问题
2014/07/15 Javascript
jQuery事件绑定和委托实例
2014/11/25 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
js注入 黑客之路必备!
2016/09/14 Javascript
nodejs 子进程正确的打开方式
2017/07/03 NodeJs
使用jquery+iframe做一个ajax上传效果(实例)
2017/08/24 jQuery
详解JSONObject和JSONArray区别及基本用法
2017/10/25 Javascript
redux-saga 初识和使用
2018/03/10 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
2019/05/07 Javascript
Vue编程式跳转的实例代码详解
2019/07/10 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
[05:01]3.19DOTA2发布会 我们都是刀塔人
2014/03/25 DOTA
python网络编程学习笔记(四):域名系统
2014/06/09 Python
python获取当前目录路径和上级路径的实例
2018/04/26 Python
python安装pywin32clipboard的操作方法
2019/01/24 Python
Python求均值,方差,标准差的实例
2019/06/29 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
pandas中read_csv、rolling、expanding用法详解
2020/04/21 Python
通过代码实例了解Python异常本质
2020/09/16 Python
Django Form常用功能及代码示例
2020/10/13 Python
元旦晚会感言
2014/03/12 职场文书
个人承诺书
2014/03/26 职场文书
投标担保书范文
2014/04/02 职场文书
高中课前三分钟演讲稿
2014/08/18 职场文书
重阳节标语大全
2014/10/07 职场文书
公安四风对照检查材料思想汇报
2014/10/11 职场文书
2014年办公室主任工作总结
2014/11/12 职场文书
公司的力量观后感
2015/06/05 职场文书
html form表单基础入门案例讲解
2021/07/15 HTML / CSS