jQuery 停止动画—— W3school 详解 简单易懂（八）

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

jQuery stop() 滑动

演示 jQuery stop() 方法。

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();
});

亲自试一试

jQuery 效果参考手册

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