牛人写的Javascript动画

1 <!DOCTYPE html>
2 <html>
3     <head>
4 <base href="http://www.3site.eu/examples/liquid/" />
5         <title>JavaScript Liquid FX - VAIO Logo Demo - by Andrea Giammarchi</title>
6         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
7         <meta http-equiv="X-UA-Compatible" content="chrome=1" />
8         <style type="text/css">
9         *{padding:0;background:#000;overflow:hidden;}
10         body{text-align:center;margin:0;}
11         div{margin:auto;width:332px;}
12         #logo{height:200px;}
13         #enter{cursor:pointer;}
14         #about{position:absolute;top:230px;left:0;width:100%;color:#333;font-family:Verdana,Hevetica,sans-serif;font-size:7pt;}
15         #about a{text-decoration:none;color:#222;border-bottom:1px #222 dotted;}
16         #about a:hover{color:#555;}
17         </style>
18         <script type="text/javascript" src="liquid.php"></script>
19         <script type="text/javascript" src="vaio.php"></script>
20     </head>
21     <body>
22         <div id="logo"></div>
23         <div id="brand"></div>
24         <div id="about">VAIO © <a href="http://www.sonystyle.com/">SONY</a> - <a href="http://webreflection.blogspot.com/2009/09/javascript-liquid-image-fx.html">Liquid FX</a> © Andrea Giammarchi</div>
25     </body>
26 </html>

http://www.3site.eu/examples/liquid/

http://www.3site.eu/examples/liquid/vaio.html?right