jQuery停止动画和判断是否处于动画状态(转)
来源:互联网 发布:linux服务器设置ip地址 编辑:程序博客网 时间:2024/06/05 03:23
停止元素的动画
停止所有在指定元素上正在运行的动画。
很多时候需要停止匹配元素正在进行的动画,如果需要在某处停止动画,需要使用stop()方法。stop()方法的语法缩构为:
stop([clearQueue], [gotoEnd])
参数clearQHCHC和gotoEnd都是可选的参数,为Boolean值(ture或flase)。
clearQueue如果设置成true,则清空队列,可以立即结束动画。
gotoEnd让当前正在执行的动画立即完成,并且重设show和hide的原始样式,调用回调函数等。
如果接使用stop()方法,经常会遇到这种情况.在为某个元索绑定hover事件之后,用户把光标移入元素时会触发动画效果,而当这个动画还没结束时,用户就将光标移出这个元素了,那么光标移出的动画效果将会被放进队列之中,等待光标移入的动画结束后再执行。因此如果光标移入移出过快就会导致动画效果与光标的动作不一致。
此时只要让光标的移入、移出动作之前加入stop()方法,就能解决这个问题。stop()方法会结束当前在进行的动l画,并立即执行队列中个动画。
判断元素是否处于动画状态
在使用animate()方法的时候,要避免动画积累而导致的动画与用户的行为不一致。当用户快速在某个元素执行animate()动画时,就会出现动画积累。解决方法足判断元素是否正处于动画状态,如果元素不处于动画状态,才为元素添加新的动画,否则不添加。代码如下:
if($(element).is(":animated")){ //判断元素是否正处于动画状态
//如果当前没有进行动画,则添加新动画
}
这个判断方法在animate()动画中经常被用到,需要特别注意。
转自:http://neirong.org/post-275.html?utm_source=tuicool&utm_medium=referral
- jQuery停止动画和判断是否处于动画状态(转)
- 4.2.6: jQuery动画之停止动画和判断是否处于动画状态
- 【实用随记】判断是否处于动画状态
- 【jQuery】jQuery 停止动画
- jQuery 停止动画
- jQuery 停止动画
- jQuery 停止动画
- 9. jQuery 停止动画
- 【jQuery】stop( ) 停止动画
- jQuery 停止动画
- jQuery 停止动画
- jQuery 停止动画
- Jquery----停止动画stop
- jQuery 停止动画 stop()
- jquery判断元素动画是否完成
- 10010---jQuery效果--动画/停止动画
- 判断Cookies是否处于开启状态
- 判断Cookies是否处于开启状态
- 匿名函数、泛型委托、Lamda表达式
- 理解overfitting以及正则化的解决方法
- 心情:关于国内某些公司只认钱的事情,不闹大他们不会管。
- 第十章 Vim之复制和粘贴
- 递归与尾递归总结
- jQuery停止动画和判断是否处于动画状态(转)
- java中的序列化
- 委托、窗体传值、多播委托
- 图片验证代码
- sqlite数据库总结
- UVALive 6847 Zeroes(找规律)
- LeetCode(45) Simplify Path
- 命令集记录
- 图像特征LBP原理及C++实现