开发工具与关键技术:
作者:邓伟征 ;年级:18级 ;撰写时间:2019 年4月 12 日
jQuery stop() :方法用于停止动画或效果,在它们完成之前。
stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义画。
(
s
e
l
e
c
t
o
r
)
.
s
t
o
p
(
s
t
o
p
A
l
l
,
g
o
T
o
E
n
d
)
;
语
法
:
(selector).stop(stopAll,goToEnd); 语法:
(selector).stop(stopAll,goToEnd);语法:(selector).stop(stopAll,goToEnd);可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。
可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。
因此,默认地,stop() 会清除在被选元素上指定的当前动画
$(document).ready(function(){
$("#start").click(function(){
$(“one”).animate({left:‘100px’},5000);
$(“one”).animate({fontSize:‘3em’},5000);
});
$("#stop").click(function(){
$(“one”).stop();
});
$("#stop2").click(function(){
$(“one”).stop(true);
});
$("#stop3").click(function(){
$(“one”).stop(true,true);
});
});
首先最简单的是开始和停止操作
点击开始按钮长方形和里面的字开始运动,点击停止,长方形停止运动但是,字体进行运动直到结束,见截图
接下来是点击开始,动画运行,然后点击停止所有按钮,停止当前活动的动画,并清空动画队列;因此元素上的所有动画都会停止。
最后一个是点击开始按钮,动画运行,然后点击点击但要完成按钮,会立即停止运行并跳到动画完成的最后一步