今天打开google首页，页面如下：
其中动画过程很漂亮，为了方便我录下了视频：
看看整个动画过程，还是很优美的，而且动画也比较顺滑，猜想是gif图像，毕竟在网页上像这种动画用gif来做的还是比较多的。
右键查看源文件，查找gif，没有发现文件，找到了：
http://www.google.com.hk/logos/2011/graham11-hp-start.png
和http://www.google.com.hk/logos/2011/graham11-hp-sprite.png。
猜测动画效果可能是由多幅图片叠加而形成的，这么猜想的原因很简单，因为google地图就是多幅图片拼接而成的。
于是笔者录下了下面的视频。
给大家几个提示：
1：background-image,
2：position.
3：SetTimeout
4：img
剩下的就靠大家去想象了。
本文转自LoveJenny博客园博客，原文链接：http://www.cnblogs.com/LoveJenny/archive/2011/05/11/2043759.html，如需转载请自行联系原作者
