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();});
2 篇笔记 写笔记
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown(5000);
$("#panel").slideUp(5000);
});
$("#stop").click(function(){
$("#panel").stop();
});
});
- 尝试一下 »
喔喔和奶糖
喔喔和奶糖
100***0887@qq.com
6年前 (2018-11-10)
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);
});
});
- 11111
11111
213***213@qq.com
6年前 (2018-12-24)