教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

问答>HTML&JS+前端>停止元素动画的方法有哪些?

停止元素动画的方法有哪些?

来源传智教育2022年04月11日 16时01分20秒

  使用动画的过程中,如果在同一个元素上调用一个以上的动画方法,那么对这个元素来说,除了当前正在调用的动画,其他动画将被放到效果队列中,这样就形成了动画队列。

  动画队列中所有动画都是按照顺序执行的,默认要前一个动画执行完毕才会执行后面的动画。为此,jQuery提供了stop()方法用于停止动画效果。通过此方法,可以让动画队列后面的动画提前执行。

  stop()方法适用于所有的jQuery效果,包括元素的淡入或者淡出以及自定义动画等。stop()方法语法如下所示。

$(selector).stop(stopAll, goToEnd);

  上述语法中,stop()方法的两个参数都是可选的。其中,stopAll参数用于规定是否清除动画队列,默认是false;goToEnd参数用于规定是否立即完成当前的动画,默认是false。

和我们在线交谈!