Tema: efecto de parpadeo de letras no funciona?
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/08/2013, 13:19
Andrew777
 
Fecha de Ingreso: junio-2009
Ubicación: Bolivia
Mensajes: 96
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: efecto de parpadeo de letras no funciona?
Gracias por las sugerencias, lo resolvi de la siguiente manera, a quien le sirva:
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. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin título</title>
  6. <script>
  7. (function() {
  8. setInterval(function(){
  9.   var el = document.getElementsByTagName('p');  
  10.  for (var i=0; i<el.length; i++) 
  11.  {     
  12.        var valor = el.item(i);     
  13.        if(valor.className == 'luz')
  14.        {
  15.         valor.className = 'luz on';
  16.        }
  17.        else
  18.        {
  19.         valor.className = 'luz';
  20.        }
  21.  }   
  22. },500);
  23. })();
  24.  
  25. </script>
  26. <style>
  27. p.luz.on{
  28.     color: #FF0000;/*color del texto al cambiar*/
  29.     text-shadow: 1px  1px rgba(255, 255, 255, .1),
  30.     -1px -1px rgba(0, 0, 0, .88),
  31.      0px  0px 20px #0099ff;/*color de la luz del texto*/
  32. }
  33. p.luz{
  34.   font-size:11pt;;/*tamaño de la fuente*/
  35.   color: #000000;
  36.   /* text-shadow:
  37.      1px  1px rgba(255, 255, 255, .1),
  38.     -1px -1px rgba(0, 0, 0, .88); */
  39. }
  40.  
  41.  
  42.  
  43. </style>
  44. </head>
  45.  
  46. <body>
  47.  
  48. <p class="luz"><b>Tu texto aqui1</b></p>
  49. <p class="luz"><b>Tu texto aqui2</b></p>
  50. <div><b>Tu texto aqui</b></div>
  51. </body>
  52. </html>

saludos cordiales y gracias de nuevo por las sugerencias.