jquery停止动画
jquery stop()方法
jquery stop()方法用于停止动画或效果,在它们完成之前。
stop()方法适用于所有jquery效果函数,包括华东,淡入淡出和自定义动画。
语法:
$(selector).stop(stopAll,gotoEnd);
可选的stopAll参数规定是否应该清除的动画队列。
默认是false,即仅停止活动的动画,允许任何排入队列动画向后执行。
可选的goToEnd参数规定是否立即完成当前动画,默认是false。
因此,默认地,stop会清楚在被选元素上指定的当前动画。
下面的例子演示stop()方法,不带参数:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown(5000);
});
$("#stop").click(function(){
$("#panel").stop();
});
});
</script>
<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>
<button id="stop">停止滑动</button>
<div id="flip">点我向下滑动面板</div>
<div id="panel">Hello world!</div>
</body>
</html>