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 >
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