jQuery stop() 方法停止动画

jQuery stop() 方法用于在动画或效果完成前,停止动画。

jQuery stop() 方法

jQuery stop() 方法用于在动画或效果完成前,停止动画。

stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。

语法

$(selector).stop(stopAll,goToEnd);

可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。

可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

因此,默认地,stop() 会清除在被选元素上指定的当前动画。

下面的例子演示 stop() 方法,不带参数:

$("#stop").click(function(){
  $("#panel").stop();
});
亲自体验一下

下面的例子演示 stop() 方法,带有参数:

$("#start").click(function(){
  $("div").animate({left:'100px'},5000);
  $("div").animate({fontSize:'3em'},5000);
});

$("#stop").click(function(){
  $("div").stop();
});

$("#stop2").click(function(){
  $("div").stop(true);
});

$("#stop3").click(function(){
  $("div").stop(true,true);
});
亲自体验一下
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验