Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/08/2013, 09:39
Andrew777
 
Fecha de Ingreso: junio-2009
Ubicación: Bolivia
Mensajes: 96
Antigüedad: 15 años, 6 meses
Puntos: 0
efecto de parpadeo de letras no funciona?

Sres. tengo el siguiente codigo:

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin título</title>
  5. (function() {
  6. setInterval(function(){
  7.   var el = document.getElementById('blink');
  8.   if(el.className == 'luz'){
  9.       el.className = 'luz on';
  10.   }else{
  11.       el.className = 'luz';
  12.   }
  13. },500);
  14.  
  15. })();
  16. (function() {
  17. setInterval(function(){
  18.   var el = document.getElementById(idElemento);
  19.   if(el.className == 'luz'){
  20.       el.className = 'luz on';
  21.   }else{
  22.       el.className = 'luz';
  23.   }
  24. },500);
  25. })();
  26.  
  27.  
  28. .luz.on{
  29.     color: #FF0000;/*color del texto al cambiar*/
  30.     text-shadow: 1px  1px rgba(255, 255, 255, .1),
  31.     -1px -1px rgba(0, 0, 0, .88),
  32.      0px  0px 20px #0099ff;/*color de la luz del texto*/
  33. }
  34. .luz{
  35.   font-size:11pt;;/*tamaño de la fuente*/
  36.   color: #000000;
  37.   /* text-shadow:
  38.      1px  1px rgba(255, 255, 255, .1),
  39.     -1px -1px rgba(0, 0, 0, .88); */
  40. }
  41. </head>
  42.  
  43.  
  44. <div class="luz" id="blink"><b>Tu texto aqui</b></div>
  45. <div class="luz" id="blink"><b>Tu texto aqui2</b></div>
  46. </body>
  47. </html>
El cual me sirve para mostrar un efecto de parpadeo de letras, pero solo funciona en el primer DIV y ya no en el segundo, como puedo hacer para q funcione tb en el segundo div.
gracias y saludos