Script para Mozilla

[Japrendo]

Encontre este Script que cambia el color de un texto, pero probandolo veo que no funciona en MOZILLA...

Donde puedo leer sobre configurar este script para Mozilla, o que se debe tener en cuenta para hacerlo funcionar?..gracias.

Código Javascript:

<SCRIPT LANGUAGE="JavaScript">
 
               //<!-- Codigo ofrecido por tutores.org
               text = "www.Tutores.org"; // el texto principal
               color1 = "white"; // Color original del texto
               color2 = "blue"; // El color del efecto
               fontsize = "8"; // Tamaño del texto en pixeles
               speed = 200; // Velocidad del texto en milisegundos  1000 milisegundos = 1 segundo
 
               i = 0;
               if (navigator.appName == "Netscape") {
                  document.write("<layer id=a visibility=show></layer><br><br><br>");
               }
               else {
                  document.write("<div id=a></div>");
               }
               function changeCharColor()  {
                  if (navigator.appName == "Netscape") {
                     document.a.document.write("<center><font size =" + fontsize + "><font color=" + color1 + ">");
                     for (var j = 0; j < text.length; j++) {
                        if(j == i) {
                           document.a.document.write("<font color=" + color2 + ">" + text.charAt(i) + "</font>");
                        }
                        else {
                           document.a.document.write(text.charAt(j));
                        }
                     }
                     document.a.document.write('</font></font></center>');
                     document.a.document.close();
                  }
                  if (navigator.appName == "Microsoft Internet Explorer" ) {
                     str = "<center><font size=" + fontsize + "><font color=" + color1 + ">";
                     for (var j = 0; j < text.length; j++) {
                        if( j == i) {
                           str += "<font color=" + color2 + ">" + text.charAt(i) + "</font>";
                        }
                        else {
                           str += text.charAt(j);
                        }
                     }
                     str += "</font></font></center>";
                     a.innerHTML = str;
                  }
                  (i == text.length) ? i=0 : i++; // Volvemos a la primera letra
               }
               setInterval("changeCharColor()", speed);
                // fin-->
               </script>
 

[Djoaq]

Hola ! Sinceramente para que meter todo ese código y retocarlo (mas bien actualizarlo porque es mas viejo que el carrascuco!!!).

Código CSS:

div { color: red; }
div.blinking { color: blue; }
 

Código Javascript:

var el = $('div');
var tiempo = 1000;
setInterval(function() {
   el.toggleClass('blinking');
},tiempo);
 

Esto irá en cualquier navegador.
Saludos!

[Japrendo]

Pues trate y trate pero no entiendo como implementarlo... lo inclui dentro de BODY y me deja la pagina de otro color, pero no hace blink.

Si me ayudas con una explicacion, te agradeceria mucho.

[Djoaq]

A ver primero debes incluir el css del texto que quieres animar / cambiar de color .

Luego debes linkar JQUERY !

te pego jsfiddle para que lo veas :

http://jsfiddle.net/sxrpb9Ld/

Saludos!