HTML5-based Google underwater search

Google launched an underwater search during the last day. Of course, this is just a trick for fools, but the effect is very good. After Entering the page, the first glance is the effect of water, the underwater sharks are swimming, and then Google logo and search box are falling into the water from the water. after entering the content and clicking search, the searched images will fall into the water from the sky, clicking on the water surface can still cause waves. If you click on the water surface, it will drop gold coins, treasure, treasure chest, etc. The effect is quite foolish. You can still try it now. Visit http://www.google.com.hk/intl/zh-cn/landing/shuixia/with the following effect:

Specifically, HTML5 is used for this effect. You need to use chrome or Firefox or other browsers that support HTML5 to see this effect. IE6 can only see one prompt screen, let you install chrome. Although this is just a joke of Google's Fool's Day, we can see that HTML5 is powerful and flash can still be used without flash. However, the effect is dazzling, but the resources are not enough. After opening this page, the CPU suddenly goes up, this is mainly because of the constant refreshing of the search box and logo (the source code will find that these elements will change their positions.

FinallyCodePulled down (except Search button No effect other are the same), local Demo: http://rovertang.com/labs/shuixia/ (a little slow speed, if loading is not successful, please Ctrl + F5 force refresh ), download Code and resources: http://sharesh.googlecode.com/files/googleshuixia.zip. If you are interested, you can study the implementation of this effect on your own. It may be helpful for you to discover and use HTML5 to play games.