hover的用法及live的用法介绍(鼠标悬停效果)
2013-03-29 00:00
417 查看
// 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>
相关文章推荐
- hover的用法及live的用法介绍(鼠标悬停效果)
- live的用法于hover的用法 鼠标悬停效果
- jQuery鼠标悬停事件.hover()用法说明
- QPushButton的hover鼠标悬停效果
- 【学习笔记01】:hover为DIV添加鼠标悬停时改变颜色的效果
- table去除鼠标悬停hover效果
- DIV 类似 hover 悬停效果 鼠标移动上去变化
- 英文教程:鼠标悬停(hover)效果
- CSS3 按钮悬停(Hover)效果全集
- 简单的鼠标悬停效果
- 纯css样式实现盒子 3D 旋转、鼠标悬停效果
- css3导航hover悬停效果
- [前端] 文字垂直滚动+鼠标悬停效果
- 在Mockplus中,如何做鼠标悬停时菜单下拉的效果?
- CSS实现鼠标悬停经过图片由中心点逐渐放大效果
- 相册列表 鼠标悬停显示照片介绍
- jquery鼠标hover事件文字内容滑动遮罩效果
- css效果,在一个盒子里,把一部分内容隐藏掉,在鼠标悬停到div时,就会把隐藏的部分向上显示出来。 不用js操作,纯css就可以。
- 基于jQuery创建鼠标悬停效果的方法
- [原型设计]Axure制作鼠标悬停图片切换效果