stop 停止匹配元素当前正在运行的动画，运行之后立刻结束当前页面上的动画效果。
stop(Boolean,Boolean)
第一个参数的意思是是否清空动画序列，也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果，一般为false，跳过当前动画效果，执行下一个动画效果；
第二个参数是是否将当前动画效果执行到最后，意思就是停止当前动画的时候动画效果刚刚执行了一般，这个时候想要的是动画执行之后的效果，那么这个参数就为true。否则动画效果就会停在stop执行的时候
stop(Boolean,Boolean)
第一个参数的意思是是否清空动画序列，也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果，一般为false，跳过当前动画效果，执行下一个动画效果；
第二个参数是是否将当前动画效果执行到最后，意思就是停止当前动画的时候动画效果刚刚执行了一般，这个时候想要的是动画执行之后的效果，那么这个参数就为true。否则动画效果就会停在stop执行的时候
附上测试代码：（自己引入JQ文件）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
div {
position: absolute;
background-color: #abc;
left: 0px;
top:30px;
width: 60px;
height: 60px;
margin: 5px;
}
</style>
<script src="jquery.js"></script>
</head>
<body>
<button id="go">走起</button>
<button id="stop">停下</button>
<div class="block"></div>
<script>
$("#go").click(function(){
$(".block").animate({left: '+=100px'}, 2000).animate({top: '+=100px'}, 2000);
});
$("#stop").click(function(){
$(".block").stop(false,true); //自己测试一下才能理解
});
</script>
</body>
</html>
252
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
