首页 > 代码库 > jQuery如何停止元素的animate动画,还有怎样判断是否处于动画状态?【转】

jQuery如何停止元素的animate动画,还有怎样判断是否处于动画状态?【转】

停止元素的动画方法:stop()
语法结构:stop([clearQueue],[gotoEnd])
clearQueue 和 gotoEnd 都为可选参数,为布尔值。
clearQueue : 是否要清空未执行玩的动画列表
gotoEnd : 是否直接将正在执行的动画跳转到末状态

经常在hover时间的动画效果里用到 stop() 方法,可以避免动画效果与光标动作不一致时导致的延迟动画。
例如:

$(".test").hover(function(){

    $(this).stop();
    .animate({height:"150",width:"300"},200);
},function(){
    $(this).stop();
    .animate({height:"50",width:"100"},3200);
});
判断元素是否处于动画状态:
if(! $(elememt).is(":animated") ){ //判断元素是否处于动画状态
 //如果当前没有进行动画,则添加
}