Ver Mensaje Individual
  #2 (permalink)  
Antiguo 14/12/2012, 21:05
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: fade in para varias capas

Tendrías que identificar las capas a las que querés aplicar el efecto y que el id de la capa se pase como variable

Ejemplo:
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <style type="text/css">
  7. /*<![CDATA[*/
  8. #micapa, #micapa2{
  9. opacity: 0;
  10. }
  11. /*]]>*/
  12. <script type="text/javascript">
  13. //<![CDATA[
  14. function entrar(){
  15. var capas = new Array("micapa", "micapa2");
  16. var i;
  17. for(i in capas){
  18. micapa(capas[i]);
  19. }
  20. }
  21. function micapa(lacapa){var fade=0,micapa=document.getElementById(lacapa).style,ms=(micapa.opacity==0)?0:1,pace=setInterval(Fade,80);
  22. function Fade(){if(fade<100){fade+=1;if(ms)micapa.filter="alpha(opacity="+fade+")";else micapa.opacity=(fade/100)}else clearInterval(pace)}};
  23. window.onload=entrar;
  24. //]]>
  25. </head>
  26. <div id="micapa">
  27.     texto
  28. </div>
  29. <div id="micapa2">
  30.     texto 2
  31. </div>
  32. </body>
  33. </html>

Y acostumbrate siempre a usar el highlight del editor para evitar errores en la sintáxis, si te fijas hay varias palabras que se cortan e inutilizan tu código (sty le, Fa de, a lpha)

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.