jquery - jQueryeaseIn/Out 用于无限循环？

Question

如何将easeIn/Out 添加到无限动画循环中？

目前，加速到全速的速度非常慢；而不是一个快速的 500 毫秒easeIn。

EaseIn/Out - http://jsfiddle.net/53quf/1/

线性 - http://jsfiddle.net/NJXwH/

Answer 1

如果你想要一个带有缓动的无限循环（甚至是一个长度不确定的很长的动画），你需要将动画分成三个部分：

1. 一开始就缓过来
2. 动画一段时间/永远
3. 最后缓和

您的 easeIn 如此缓慢的原因是它的长度基于 60 秒的完整动画时间。jQuery 没有单独内置的缓动或缓动功能，因此您需要某种jQuery Easing 插件才能使其工作。这是一个显示缓入的jsfiddle，缓出留给读者作为练习。

http://jsfiddle.net/6ntJm/