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