Jquery - 生涩的动画

标签 jquery animation timer

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

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

最佳答案

您做错的一件事是,您在元素的前一个动画完成之前就触发了新的动画。

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

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

<小时/>

另一件事是,您在很长一段时间内(对于该距离)对一个非常小的距离进行动画处理。例如,您在一秒内制作 10 个像素的动画。这很慢,您可以看到各个 Action 。

更快的动画 http://jsfiddle.net/gaby/qaGyS/1/

关于Jquery - 生涩的动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7978181/

相关文章:

html - 使用 CSS 变换将多个对象放在一起

ios - 无法在 iOS 应用程序中使用 dispatch_source_t 在 GCD block 中运行计时器

timer - 有没有办法在特定时间或间隔安排任务?

javascript - 克隆数组?

javascript - $ ("selector").find (":psuedo-class") 未返回所需元素

java 标签 setText 和 setBounds 冲突?

c++ - FLTK简单动画

delphi - 以编程方式关闭 TrayIcon 气球

javascript - 以字符串形式返回元标记

jquery - 从 JQuery Mobile 中删除错误消息?