jQuery hover延时触发
来源:互联网 发布:淘宝真皮女装退货率 编辑:程序博客网 时间:2024/05/21 08:10
jQuery中的hover用起来十分简单,在配合animate,几乎你能想象到的所有超炫的效果都可以实现。可是越炫的效果持续执行的时间就越长。比如,鼠标放在div上面,div就缓缓上升,鼠标移走,div就缓缓下降。当我们的鼠标快速反复的穿过多个这样的div时,哇……闹鬼了,所有的div忽上忽下的无法停下。
其实,出现这种情况,只需要让事件延时一会儿触发就可以了,大约延时0.2秒就刚刚好。下面我贴出个例子,以便忘记的时候查阅:
$('.grow').hover(function(){ var _this = $(this); // 把$(this)对象赋给一个变量 trigger = setTimeout(function(){ _this.animate({height:'150px'},300);// jQuery的setTimeout中不能直接使用$(this) },200); // 延迟时间0.2秒}, function(){ clearTimeout(trigger); // 清除上面的延迟触发的事件 $(this).animate({height:'70px'},300);});
0 0
- jQuery hover延时触发
- Jquery hover方法的效果延时处理
- jquery hover事件只触发一次动画
- jQuery – 鼠标经过(hover)事件的延时处理
- jQuery – 鼠标经过(hover)事件的延时处理
- jQuery动画的hover连续触发动画bug处理
- jQuery中trigger无法触发hover事件解决方法
- jQuery中hover连续触发动画的bug
- jQuery动画的hover连续触发动画bug处理
- jQuery动画的hover连续触发动画bug处理
- jQuery hover()
- 【web前端】jQuery – 鼠标经过(hover)事件的延时处理
- JQuery在hover(in)状态下添加click事件的多次触发现象
- JQuery在hover(in)状态下添加click事件的多次触发现象
- 分针网—每日分享: jQuery动画的hover连续触发动画bug处理
- 关于扑克牌翻转触发hover
- VB实现延时触发
- js延时触发
- POJ 1182 食物链(带权并查集)
- C++类体系中,不能被派生类继承的
- HttpWebRequest介绍
- 使用Jenkins自动化构建Android和iOS应用
- phpems导出成绩增加自定义字段
- jQuery hover延时触发
- android基础(四)
- 5-32 说反话-加强版 (20分)
- UVA 10106-Product
- C/C++全局变量的定义与引用问题
- setTimeout()和setInterval()的区别
- Divisibility(区间找数,普通方法超时)
- ubuntu设置远程桌面
- Android Studio 使用的快捷键