我可以在jQuery中的每个动画步骤中实现回调吗？

Question

我想在我的网站上实现一个动画:

• 需要更新多个DOM元素.
• 每个DOM元素都有自己的动画路径(取决于它们的位置)
• 并且仍然有缓和效果.

如果我为每个元素调用jQuery的animate()函数(使用queue:false),它将使每个元素与其余元素略微不同步.有道理,因为有多个计时器在运行.

我可以只有一个计时器事件,每个动画步骤都有一个回调吗？就像是:

jQuery.fx.timeline( from, to, easing, function( step, total ) {

      var percentage = step / total;
      // ...update DOM elements based on the percentage of the animation

} );

Answer 1

看看这篇文章:http://james.padolsey.com/javascript/fun-with-jquerys-animate/

很清楚,很容易!