jQuery 停止动画

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

单击以向上/向下滑动面板

jQuery是一个快速,轻量级且功能丰富的JavaScript库,它基于“少写多做”的原则。

jQuery简化了HTML文档的遍历,事件处理,动画和Ajax交互,从而实现了快速的Web开发。

jQuery是一个快速,轻量级且功能丰富的JavaScript库,它基于“少写多做”的原则。

jQuery简化了HTML文档的遍历,事件处理,动画和Ajax交互,从而实现了快速的Web开发。

jQuery stop()方法

方法将在完成之前停止当前在选定元素上运行的jQuery动画或效果。

在元素上调用stop()时,当前正在运行的动画(如果有)立即停止。

如果在同一元素上调用了多个动画方法,则以后的动画将放置在效果队列中。

这是方法的语法:

$(selector).stop(clearQueue, jumpToEnd)

stop()方法接受两个可选参数:

  • clearQueue-一个布尔值,指示是否也要删除排队的动画。默认为false

  • jumpToEnd-一个布尔值,指示是否立即完成当前动画。默认为false

下面的示例停止当前正在运行的动画:

$("button").click(function(){
  $("div").stop();
});
测试看看

下面的示例,同时停止排队的动画:

$("button").click(function(){
  $("div").stop(true);
});
测试看看

下面的示例为,立即完成所有动画后停止:

$("button").click(function(){
  $("div").stop(true, true);
});
测试看看

jQuery效果参考

有关完整的效果参考,请访问我们的jQuery 效果参考手册