jQuery 效果 - 停止动画

jQuery stop() 方法用于在动画或效果完成前对它们进行停止。



Click to slide down/up the panel

Because time is valuable, we deliver quick and easy learning.

At W3Schools, you can study everything you need to learn, in an accessible and handy format.


实例

jQuery stop() sliding
演示 jQuery stop() 方法。

jQuery stop() animation (with parameters)
演示 jQuery stop() 方法。


jQuery stop() 方法

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

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

语法:

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

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

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

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

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

实例

$("#stop").click(function(){
  $("#panel").stop();
});
亲自试一试 »

jQuery 实验

学习训练

练习题:

使用 jQuery 方法来停止 <div> 元素的动画效果。

$("div").();

开始练习


jQuery 效果参考手册

如需全面查阅 jQuery 效果,请访问我们的 jQuery 效果参考手册