如何重新创建类似于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。