Jquery - 生涩的动画

时间:2011-11-02 09:35:50

标签: jquery animation timer

我有一个小动画在所有浏览器中运行有点不稳定。有什么我做错了吗?

这是我的代码: http://jsfiddle.net/iltdev/nN6cT/2/

2 个答案:

答案 0 :(得分:2)

你做错了一件事就是你在之前的元素完成元素之前就开始了新的动画。

这是因为您正在使用计时插件并以固定间隔触发新动画。最好使用.animation()方法的回调参数,并在上一个完成后启动一个新动画。

演示http://jsfiddle.net/gaby/qaGyS/2/


另一件事是,你长时间(对于那个距离)动画很小的距离。例如,您在一秒钟内制作10个像素的动画..这很慢,您可以看到各个动作..

http://jsfiddle.net/gaby/qaGyS/1/

的动画速度更快

答案 1 :(得分:0)

考虑使用缓动来制作动画。例如:http://matthewlein.com/experiments/easing.html