jQuery停止动画和判断是否处于动画状态
停止元素的动画方法:stop()语法结构:stop(,)
clearQueue 和 gotoEnd 都为可选参数,为布尔值。
clearQueue : 是否要清空未执行玩的动画列表
gotoEnd : 是否直接将正在执行的动画跳转到末状态
如果直接用 stop() ,会立即停止当前正在进行的动画,如果接下来还有动画等待继续进行,则以当前状态开始接下来的动画。
经常在hover时间的动画效果里用到 stop() 方法,可以避免动画效果与光标动作不一致时导致的延迟动画。
例如:
<div style="" class="wp_syntax">$(".test").hover(function(){$(this).stop();.animate({height:"150",width:"300"},200);},function(){$(this).stop();.animate({height:"50",width:"100"},3200);});
页:
[1]