第一种情况：jquery
[clearQueue],[gotoEnd]Boolean,Boolean v1.2
clearQueue:如果设置成true，则清空队列。可以立即结束动画。
gotoEnd:让当前正在执行的动画立即完成，并且重设show和hide的原始样式，调用回调函数等。
这种情况下，默认情况是stop(false,false),所以使用stop(),会让当前动画立即停止，但动画队列里的下一个动画仍然执行。for：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#o{
width: 200px;
height: 200px;
background: red;
}
</style>
</head>
<body>
<div id="o">
</div>
</body>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
<script type="text/javascript">
$('#o').animate({height:'50'},1000).animate({opacity:'0.5'},1000);
$('#o').mouseover(function(){
$(this).stop();//可以分别设置（true，false），（true，true），(false,true)看效果
})
</script>
</html>
[queue],[clearQueue],[jumpToEnd]Boolea v1.7
queue:用来停止动画的队列名称
clearQueue:如果设置成true，则清空队列。可以立即结束动画。
jumpToEnd:如果设置成true，则完成队列。可以立即完成动画。
项目中用的比较多的是stop(true,true),清空动画队列，并且跳转至当前动画末尾状态。
674
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
