jquery停止动画

最新推荐文章于 2023-07-08 22:31:08 发布

codelyq

最新推荐文章于 2023-07-08 22:31:08 发布

阅读量219

点赞数

本文链接：https://blog.csdn.net/weixin_41748874/article/details/80850419

版权

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>

codelyq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery停止动画

jquery停止动画jquery stop()方法jquery stop()方法用于停止动画或效果，在它们完成之前。stop()方法适用于所有jquery效果函数，包括华东，淡入淡出和自定义动画。语法:$(selector).stop(stopAll,gotoEnd);可选的stopAll参数规定是否应该清除的动画队列。默认是false，即仅停止活动的动画，允许任何...
复制链接

扫一扫