昨天在同学群里收到这样的信息：【重磅消息：只要在百度搜索"2012世界末日"，你的电脑显示器页面将会震动，出现地震山摇的状况，然后会有一张"船票"飘然而出 】。很想看看百度的前端工程师是怎么写出这个效果的。以前我研究过谷歌logo的代码，特别是昨天的拉链效果，虽然找到了源码，但是谷歌的页面里的代码都被压缩和混淆，加上谷歌自己的前端js框架代码混入其中实在难以看懂，抽百度的源码就想比较下百度和谷歌的前端技术，哈哈，百度还是简单多了，没有被压缩和混淆，可以作为学习的范本，好了不废话了，下面就是百度的地震效果源码。
首先看看我代码的目录层次图：
all.png：
url:http://s1.bdstatic.com/r/www/cache/2012cp/images/all.png
broken.png:
url:http://s1.bdstatic.com/r/www/cache/2012cp/images/broken.png
ticket.jpg:
url:http://s1.bdstatic.com/r/www/cache/2012cp/images/ticket.jpg
baiduquake.js源码如下：
baiduquake.html源码如下：
对前端技术感兴趣的童鞋可以好好研究下哈！！！！！！
下载源代码，请点击下面链接：