您的位置：首页 > Web前端 > JQuery

jQuery动画stop()用法

2017-10-19 13:18 405 查看

第一种情况：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),清空动画队列，并且跳转至当前动画末尾状态。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航