Idees
[ Tornar a la pàgina d'informàtica ]

Abrir una nueva ventana levantando la cortina

Dé a sus páginas un gusto de teatro. ¿Por qué no abrir su página principal como la cortina de un teatro? Para realizar este truco, todo lo que se necesita es un pequeño DHTML.

Defina el estilo .intro en el encabezamiento de su página. Por supuesto, puede adaptarlo con sus colores favoritos:

<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:red;
background-color:red;
border:0.1px solid red
}
-->
</style>
Después, copie el siguiente script inmediatamente después de la etiqueta <BODY> de su página:

<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/2
    temp[i].height=window.innerHeight
    temp2[i].left=(i-1)*temp[i].width
  }
}
else if (document.all){
  var clipright=document.body.clientWidth/2,clipleft=0
  for (i=1;i<=2;i++){
    temp[i]=eval("document.all.i"+i+".style")
    temp[i].width=document.body.clientWidth/2
    temp[i].height=document.body.offsetHeight
    temp[i].left=(i-1)*parseInt(temp[i].width)
  }
}

function openit(){
  window.scrollTo(0,0)
  if (document.layers){
    temp[1].right-=speed
    temp[2].left+=speed
    if (temp[2].left>window.innerWidth/2)
      clearInterval(stopit)
  }
  else if (document.all){
      clipright-=speed
      temp[1].clip="rect(0 "+clipright+" auto 0)"
      clipleft+=speed
      temp[2].clip="rect(0 auto auto "+clipleft+")"
      if (clipright<=0)
        clearInterval(stopit)
    }
}

function gogo(){
  stopit=setInterval("openit()",100)
}

gogo()

</script>
Puede modificar la velocidad (speed) con la que se abre la cortina. Entre mayor sea el valor, más rápido se abrirá la página.