Imágen

Cambia de imagen al pasar el ratón
Cuando pasa el ratón sobre una imagen aparece otra en su lugar.

  <html> <head> <title>Cambia de imagen al pasar el raton sobre ella</title> <script language="JavaScript" type="text/javascript"> if (document.images) { var maker1 = new Image(); maker1.src="http://www.uterra.com/images_uterra/demos_script/demo_script0002.jpg"; } </script> </head> <body> <a href="http://www.uterra.com" onMouseOver="if (document.images) document.maker1.src='http://www.uterra.com/images_uterra/demos_script/demo_script0001.jpg';" onMouseOut="if (document.images) document.maker1.src='http://www.uterra.com/images_uterra/demos_script/demo_script0002.jpg';"> <img src="http://www.uterra.com/images_uterra/demos_script/demo_script0003.jpg" width="125" height="125" name="maker1" border="3" alt="pulsa" style="border-style: solid; border-color: #FF0000"></a> </body> </html>

Refleja una imagen en el agua
Curioso efecto de reflejo de una imagen en el agua.

  <html> <head> <title>Reflejo de una imagen en el agua</title> </head> <body> <center> <img id="reflect" src="http://www.uterra.com/images_uterra/demos_script/demo_script0007.jpg" width="125" height="125"><br> <script language="JavaScript1.2"> function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script> </center> </body> </html>

Efecto de apertura
Con este script podrás simular un efecto de apertura en tu página similar a una persiana.

  <HTML> <HEAD> <TITLE>Efecto apertura</TITLE> <style> .curtain{ position:absolute; left:0; top:0; layer-background-color:004080; background-color:004080; border:0.1px solid PURPLE } </style> </HEAD> <BODY bgColor=#ffffff leftMargin=0 rightMargin=0 topMargin=0> <div id="c1" class="curtain"></div><div id="c2" class="curtain"></div> <script language="JavaScript1.2"> var speed=15 var temp=new Array() var temp2=new Array() if (document.layers){ for (c=1;c<=2;c++){ temp[c]=eval("document.c"+c+".clip") temp2[c]=eval("document.c"+c) temp[c].width=window.innerWidth temp[c].height=window.innerHeight/2 temp2[c].top=(c-1)*temp[c].height } } else if (document.all){ var curtainbottom=document.body.offsetHeight/2,curtaintop=0 for (c=1;c<=2;c++){ temp[c]=eval("document.all.c"+c+".style") temp[c].width=document.body.clientWidth temp[c].height=document.body.offsetHeight/2 temp[c].top=(c-1)*parseInt(temp[c].height) } } function openit(){ window.scrollTo(0,0) if (document.layers){ temp[1].bottom-=speed temp[2].top+=speed if (temp[1].bottom<=0) clearInterval(stopit) } else if (document.all){ curtainbottom-=speed temp[1].clip="rect(0 auto+"+curtainbottom+" 0)" curtaintop+=speed temp[2].clip="rect("+curtaintop+" auto auto)" if (curtainbottom<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",60) } gogo() </script> <p align="center"><font size="7">www.uterra.com</font></p> </body> </html>