这个jQuery动画为什么会跳动？

我试图慢慢地动画图像，但它只是在延迟后突然跳跃，而不是实际滑过。任何想法为什么？这个jQuery动画为什么会跳动？

$(document).ready(function() { 
    $('#Picture').fadeIn(1000).delay(1500).animate({'top': '25px', 'left': '20px', 'height': '101px'},2000); 
});

来源

2011-11-06 Matt

极品HTML，最好小提琴。 –

值得一提的是，任何JavaScript动画都不是性能优化的。根据你的描述，我不能分辨出@unclenorton正在解决的问题（整理一段动画序列）还是只是简单的'ol'jumpy“好吧，我们对这个动画做的不多。 –

你在测试什么浏览器？它在所有这些或其中一些（IE？）它跳动吗？ – Spudley

尝试使用回调函数：完成fadeIn后

$(document).ready(function() { 
    $('#Picture').fadeIn(1000, function(){ 
     $(this).delay(500).animate({'top': '25px', 'left': '20px', 'height': '101px'},2000); 
    }); 
});

匿名函数将被执行。

UPD：没有sleep功能，改为delay。例如这里：http://jsfiddle.net/CbgzG/

UPD2：OP的代码效果一样好：http://jsfiddle.net/CbgzG/1/

来源

2011-11-06 17:18:18 unclenorton

这不适用于我 – Matt

@Matt，你可以发布一个小提琴或给有问题的页面的链接？ – unclenorton

这个jQuery动画为什么会跳动？

回答

相关问题