如何重新創建類似於Twitter顯示其加載頁面的方式（鳥類到微調器）

Question

如何重新創建twitter在其網頁中加載的方式，如下圖所示 我明白這可能是通過jQuery實現，但我似乎無法找到一個很好的例子，因爲我希望它看起來無縫，而不是讓我的網站界面混亂。

圖片1：http://i.stack.imgur.com/C3QYJ.png（正常狀態）

圖2：http://i.stack.imgur.com/gmBYt.png（加載狀態）

Answer 1

基礎知識將是加載了兩個圖像，重疊。設置一個不可見。然後，使用jQuery：

$(document).ready(function() { 
$("#loading").hide(); 
$("#loaded").show(); 
}); 

凡loaded和loading是您的圖片的ID。