FONDO QUE CAMBIA DE COLOR
Pegar entre las etiquetas <body>...... </body>
Vista previa
<script language="javascript"> color_inicio = new Array(153,0,96) color_fin = new Array(150,150,255) pasos = 50 comportamiento = 4 hexadecimal = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F") var iteracion = 0 var color_actual = new Array(3) diferencia = new Array(3) for (i=0;i<3;i++) diferencia[i] = (color_fin[i] - color_inicio[i]) / pasos function convierteHexadecimal(num){ //alert (num) var hexaDec = Math.floor(num/16) var hexaUni = num - (hexaDec * 16) return hexadecimal[hexaDec] + hexadecimal[hexaUni] } function degradado(){ iteracion += 1 //miro si estoy en el inicio > fin o en el fin > inicio if (iteracion < pasos) { //estoy al principo for (i=0;i<3;i++) color_actual[i] = (iteracion * diferencia[i]) + color_inicio[i] }else{ for (i=0;i<3;i++) color_actual[i] = color_fin[i] - ((iteracion - pasos) * diferencia[i]) } document.bgColor = convierteHexadecimal(Math.round(color_actual[0])) + convierteHexadecimal(Math.round(color_actual[1])) + convierteHexadecimal(Math.round(color_actual[2])) switch (comportamiento){ case 1: if (iteracion == pasos * 2) iteracion = 0 setTimeout("degradado()",1) break; case 2: if(iteracion < pasos) setTimeout("degradado()",1) break; case 3: if(iteracion < pasos * 2) setTimeout("degradado()",1) break; case 4: if (iteracion == pasos * 2){ iteracion = 0 setTimeout("degradado()",10000) }else{ setTimeout("degradado()",1) } break; } } degradado() </script>
TRANSICIÓN ALEATORIA
Pegar el siguiente código entre las etiquetas <body>......</body>
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=23)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=5.0,Transition=23)">
APERTURA DESDE EL CENTRO
Pegar el siguiente código ANTES de la etiquetas <html>
<script language="JavaScript1.2"> var velocidade=10 var tempo=new Array() var tempo2=new Array() if (document.layers){ for (i=1;i<=2;i++){ tempo[i]=eval("document.i"+i+".clip") tempo2[i]=eval("document.i"+i) tempo[i].width=window.innerWidth/2 tempo[i].height=window.innerHeight tempo2[i].left=(i-1)*tempo[i].width } } else if (document.all){ var clipright=document.body.clientWidth/2,clipleft=0 for (i=1;i<=2;i++){ tempo[i]=eval("document.all.i"+i+".style") tempo[i].width=document.body.clientWidth/2 tempo[i].height=document.body.offsetHeight tempo[i].left=(i-1)*parseInt(tempo[i].width) } } function openit(){ window.scrollTo(0,0) if (document.layers){ tempo[1].right-=velocidade tempo[2].left+=velocidade if (tempo[2].left>window.innerWidth/2) clearInterval(stopit) } else if (document.all){ clipright-=velocidade tempo[1].clip="rect(0 "+clipright+" auto 0)" clipleft+=velocidade tempo[2].clip="rect(0 auto auto "+clipleft+")" if (clipright<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script>
APERTURA EN BARRA
<style> .intro{position:absolute; left:0; top:0; layer-background:<img src="">; background-color:mediumpurple; border:0.1px solid green } </style> <div id="i1" class="intro"></div> <div id="i2" class="intro"></div> <div id="i3" class="intro"></div> <div id="i4" class="intro"></div> <div id="i5" class="intro"></div> <div id="i6" class="intro"></div> <div id="i7" class="intro"></div> <div id="i8" class="intro"></div> <script language="JavaScript1.2"> var velocidade=20 var tempo=new Array() var tempo2=new Array() if (document.layers){ for (i=1;i<=8;i++){ tempo[i]=eval("document.i"+i+".clip") tempo2[i]=eval("document.i"+i) tempo[i].width=window.innerWidth tempo[i].height=window.innerHeight/8 tempo2[i].top=(i-1)*tempo[i].height } } else if (document.all){ var clipright=document.body.clientWidth,clipleft=0 for (i=1;i<=8;i++){ tempo[i]=eval("document.all.i"+i+".style") tempo[i].width=document.body.clientWidth tempo[i].height=document.body.offsetHeight/8 tempo[i].top=(i-1)*parseInt(tempo[i].height) } } function openit(){ window.scrollTo(0,0) if (document.layers){ for (i=1;i<=8;i=i+2) tempo[i].right-=velocidade for (i=2;i<=8;i=i+2) tempo[i].left+=velocidade if (tempo[2].left>window.innerWidth) clearInterval(stopit) } else if (document.all){ clipright-=velocidade for (i=1;i<=8;i=i+2){ tempo[i].clip="rect(0 "+clipright+" auto 0)" } clipleft+=velocidade for (i=2;i<=8;i=i+2){ tempo[i].clip="rect(0 auto auto "+clipleft+")" } if (clipright<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script>
| Index | © Pilar Biurrun Aniceto