jQuery – 中断动画？

你可以使用stop()方法

HTML：

<input type="button" value="fade out" id="start">
<input type="button" value="stop" id="stop">
<div style="BACkground-color: blue; height: 100px;">TesTing</div>

JS：

$("#start").click(function() { $("div").fadeOut("slow"); });
$("#stop").click(function() { $("div").stop(); });

编辑：上述代码经过测试,可在FF3.5和IE8中工作

在你想要中断动画的元素上使用它.

只要记住,元素将停止动画中间动画.因此,您可能需要根据具体情况重新设置停止后的CSs.

编辑2：从jQuery 1.7开始,已经有一些更新.您现在可以使用名称分组动画队列.因此,stop()方法将接受一个布尔值或一个字符串作为第一个参数.如果它是一个布尔值,它将清除/不清除所有队列.但是如果您提供一个字符串,那么它只会清除该队列组中的动画.

@H_673_6@ @H_673_6@

大佬总结

以上是大佬教程为你收集整理的jQuery – 中断动画？全部内容，希望文章能够帮你解决jQuery – 中断动画？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。