這個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動畫爲什麼會跳動？

回答

相關問題