jquery结束动画执行其他动作

最新推荐文章于 2022-04-02 20:56:50 发布

原创最新推荐文章于 2022-04-02 20:56:50 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery结束动画执行其他动作 #动画 #jquery

jquery问题专栏收录该内容

2 篇文章

订阅专栏

本文介绍了使用jQuery中的stop()和finish()方法来精确控制DOM元素动画的过程。通过具体示例展示了如何在动画执行过程中停止动画保持当前状态，以及如何立即跳转到动画的最终状态。

$('.js-a').animate({"height":"300px","width":"300px"},1000);

(1)

$('.js-a').stop();//若动画在加载过程中结束动画，则会停止在当前状态。也就是说div，可能width:200px;height:200px时，调用了stop()函数，则div的width:200px;height:200px,保持这个状态，而不是加载到最终结果width:300px;height:300px;
(2)
$('.js-a').finish();//若动画在加载过程中，直接跳转到动画结束状态。也就是说div，可能width:200px;height:200px时，调用了finish()函数，则div的直接加载到最终结果width:300px;height:300px;