jQuery 运动和停止动画

开发工具与关键技术：nvc，html+css3
作者：邓伟征 ；年级：18级 ；撰写时间：2019 年4月 8 日

jQuery stop() ：方法用于停止动画或效果，在它们完成之前。
stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义画。
$(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);
});

});。
首先最简单的是开始和停止操作
点击开始按钮长方形和里面的字开始运动，点击停止，长方形停止运动但是，字体进行运动直到结束，见截图


接下来是点击开始，动画运行，然后点击停止所有按钮，停止当前活动的动画，并清空动画队列；因此元素上的所有动画都会停止。

最后一个是点击开始按钮，动画运行，然后点击点击但要完成按钮，会立即停止运行并跳到动画完成的最后一步