介绍 & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf-8"祝辞
https://www.yisu.com/zixun/& lt;脚本src=" https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js ">
$(文档)时函数(){
$ (“#”).click(函数(){
$(" #面板”).slideDown (5000);
});
$(" #停止”).click(函数(){
$(" #面板”)鸡毛蒜皮();
});
});>
#{停止
margin-bottom: 10 px;
}
#,#翻转
{宽度:200 px;
填充:5 px;
text-align:中心;
背景颜色:粉色;
边界:固体1 px # ccc;
}
#面板
{
显示:没有;
}> 头
身体<>
<按钮id="停止">停止滑动> 点击向下滑动
这篇文章将为大家详细讲解有关jQuery中终止动画的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
可以直接使用停止()函数来立即停止当前正在进行的动画,这样做的目的在于防止前一个动画影响后面动画的效果
在jQuery中可以通过停止()方法来终止动画。它一般用于两个动画间的切换。因为有时鼠标滑动的过快会导致动画效果与鼠标的动作不一致,这时就需要停止()来停止动画。接下来在文章中将通过具体实例告诉大家如何使用停止方法
停止()方法适用于所有jQuery效果函数,包括滑动,淡入淡出和自定义动画等
它有两个参数为stopAll, goToEnd
stopAll表示是否应该清除动画队列。默认是假,即仅停止活动的动画,允许任何排入队列的动画向后执行
goToEnd表示是否立即完成当前动画。默认是假的。
因此,默认地,停止()会清除在被选元素上指定的当前动画
停止动画