Apertura de página: 2 líneas verticales
Compatibilidad:
Ms Internet Explorer
,
Netscape
Esta demo genera, cada vez que se abre la página, dos líneas verticales que dejan después espacio al documento propiamente dicho. Este efecto era antes exclusivo de MSIE4, pero gracias al HTML dinámico es compatible también con Ns.
[
Muestra el ejemplo práctico
]
el código para insertar en tu página
<!-- w w w . h t m l p o i n t . c o m --> <HTML> <HEAD> <!-- Código descargado gratuitamente de HTMLpoint, el sitio italiano del web publishing http://www.htmlpoint.com --> <TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE> <style> <!-- .intro{ position:absolute; left:0; top:0; layer-background-color:yellow; background-color:yellow; border:0.1px solid yellow } --> </style> </HEAD> <BODY bgcolor="white" > <div id="i1" class="intro"></div><div id="i2" class="intro"></div> <script language="JavaScript1.2"> var speed=20 var temp=new Array() var temp2=new Array() if (document.layers){ for (i=1;i<=2;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth temp[i].height=window.innerHeight/2 temp2[i].top=(i-1)*temp[i].height } } else if (document.all){ var clipbottom=document.body.offsetHeight/2,cliptop=0 for (i=1;i<=2;i++){ temp[i]=eval("document.all.i"+i+".style") temp[i].width=document.body.clientWidth temp[i].height=document.body.offsetHeight/2 temp[i].top=(i-1)*parseInt(temp[i].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){ clipbottom-=speed temp[1].clip="rect(0 auto+"+clipbottom+" 0)" cliptop+=speed temp[2].clip="rect("+cliptop+" auto auto)" if (clipbottom<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> </body> </html> <!-- w w w . h t m l p o i n t . c o m -->
[
Baja en un único archivo .zip,
las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]
