El sitio más completo sobre programación, recursos web y herramientas online para Webmasters
Fecha: 04/08/2005

Efecto apertura javascript

Esta sencilla rutina realiza un efecto de barrido hacia arriba en forma pausada. Vale la pena darle una mirada.

Código Javascript


<HTML>
<HEAD><TITLE>Efecto apertura</TITLE>
</HEAD>
<BODY bgColor=#ffffff leftMargin=0 rightMargin=0 topMargin=0>
<style>
<!--
.curtain{
position:absolute;
left:0;
top:0;
layer-background-color:004080;
background-color:004080;
border:0.1px solid PURPLE
}
-->
</style>
<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>
</body>
</html>

Efecto apertura javascript Categoría: Javascript, Efectos texto

Compartir Efecto apertura javascript en Facebook Twitter MySpace del.icio.us fresqui Meneame


Scripts Similares:

» Efecto etiqueta javascript
» text javascript effects fade
» text multi-fx animacion script
» javascript Top Animacion
» text animator javascript
» marquesina javascript
Ver el perfil de Gabriel Marcelo Rodriguez en LinkedIn

Privacidad ּ Publicidad ּ Prensa ּ Premios ּ Colaborar ּ Enlazarnos ּ Mapa del Sitio ּ Aviso legal ּ Boletín ּ Contacto
2001 - 2011 | Sitio Sitio creado y mantenido por Gabriel Marcelo Rodriguez
Hosting de alta calidad a bajo costo Neolo.com.ar