jQuery 停止动画

简介: jQuery 停止动画

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 Callback 方法

2 篇笔记 写笔记


  1.   喔喔和奶糖
     100***0887@qq.com
    298
    动画队列停止动画测试,只停止当前正在进行的动画,停止当前动画后,队列中的下一个动画开始进行:

$(document).ready(function(){

 $("#flip").click(function(){

   $("#panel").slideDown(5000);

   $("#panel").slideUp(5000);

 });

 $("#stop").click(function(){

   $("#panel").stop();

 });

});

  1. 尝试一下 »
    喔喔和奶糖
      喔喔和奶糖
     100***0887@qq.com
    6年前 (2018-11-10)

  2.   11111
     213***213@qq.com
    298
    可以在 stop() 中设置 stopAll 的参数为 true,这样就可以停止所有动画效果而不是只停止当前动画:

$(document).ready(function(){

 $("#flip").click(function(){

   $("#panel").slideDown(5000);

   $("#panel").slideUp(5000);

 });

 $("#stop").click(function(){

   $("#panel").stop(true);

 });

});

目录
打赏
0
3
4
0
220
分享
相关文章
jQuery动画特效
jQuery动画特效
N..
131 1
jquery动画与事件案例
jquery动画与事件案例
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
3月前
jQuery+CSS3实现404背景游戏动画源码
jQuery+CSS3实现404背景游戏动画源码
72 22
|
4月前
|
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
146 9
jQuery 动画
【10月更文挑战第8天】
138 55
jquery输入框键入文字动画特效
这是一款炫酷的jquery输入框键入文字动画特效。该文字特效在用户键入字母时,通过jquery代码来制作文字的动画效果,非常炫酷。
55 0
|
5月前
jQuery+CSS3模拟过山车动态的文字动画特效源码
jQuery+CSS3模拟过山车动态的文字动画特效源码实现在全黑的背景下,画面中的文本呈现过山车的轨迹动画上下滚动转圈,且伴随文本颜色渐变效果,非常有意思,欢迎对此特效感兴趣的朋友前来下载参考。
62 1
老程序员分享:jQuery笔记(四)jQuery中的动画
老程序员分享:jQuery笔记(四)jQuery中的动画
77 0
jQuery 效果- 动画
jQuery 效果- 动画
63 4
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等