Ver Mensaje Individual
  #3 (permalink)  
Antiguo 18/03/2008, 02:02
Avatar de aloqui
aloqui
 
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 17 años, 3 meses
Puntos: 24
Re: Como lograr un efecto fade in en un div

Puedes poner una temporizacion de por ejemplo 0.1 segundos y que en cada iteracion hasta diez ponga una clase diferente. Cada una de las clases tendría diferente opacidad. Ojo, la opacidad en Explorer y en Firefox se pone de distinta forma (quizá aparte de cambiar la clase, debas cambiar tambien el estilo):
.opa0 { -moz-opacity:0.0; filter:alpha(opacity=0); }
.opa10 { -moz-opacity:0.10; filter:alpha(opacity=10); }
...
.opa90 { -moz-opacity:0.90; filter:alpha(opacity=90); }
.opa100{ -moz-opacity:1.00; filter:alpha(opacity=100); }

Para clambiar la clase puedes hacer:
document.getElementById("tuDIv").className = "opa" + varBucle;

Para cambiar el estilo puedes hacer algo parecido a:
getStyleObject("tuDiv").filter = "alpha(opacity=" + varBucle + ")";
__________________
Grupos de Música
Pop Music Stars