牛人写的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  &copy;   < a  href ="http://www.sonystyle.com/" > SONY </ a >  -  < a  href ="http://webreflection.blogspot.com/2009/09/javascript-liquid-image-fx.html" > Liquid FX </ a >   &copy;  Andrea Giammarchi </ div >
25       </ body >
26  </ html >

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

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

转载于:https://www.cnblogs.com/taony/archive/2010/10/26/1861421.html