[SOLUCIONADO] Texto parpadeante javascript para I.E. y Firefox

seoista · #1 (**permalink**) 24/11/2012, 06:44

Hola compañeros.

¿Cómo puedo hacer, para que un texto aparezca de forma parpadeante, con Javascript, que funcione tanto en I.E. y Firefox?

.

En la busqueda en FdW., he visto varios, pero solamente funciona en I.E., no en Firefox.

Muchas gracias y saludos

.

Saludos.

emprear · #2 (**permalink**) 24/11/2012, 07:39

Tanto tiempo @seoista

El viejo BLINK, con javascript crossBrowser

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Blink con javascript cross browser</title>
<script type="text/javascript">
//<![CDATA[
        window.setInterval (parpadear, 500);
        var color = "red"; //color del blink
        function parpadear () {
            var blink = document.getElementById ("blink");
            color = (color == "red")? "#000000" : "red";// podés reemplazar el #00000 para igualar al color de fondo de la página
            blink.style.color = color;
        }
//]]>
</script>
</head>
<body>
 <span id="blink">texto parpadeante</span>
</body>
</html>

Saludos

IsaBelM · #3 (**permalink**) 24/11/2012, 09:16

en caso que sean más de dos colores

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="application/xhtml; charset=utf-8" />
<title></title>
<script type="text/javascript">
var colores = ['yellow', 'green', 'red', 'blue', 'orange', 'navy', 'cyan'];
window['posColor'] = 0;
function fnc(){
color = colores[posColor++ % colores.length];
for (var i = 0, elementos = document.getElementsByTagName('h1'); i < elementos.length; i++){
elementos[i].style.color = color;
}
setTimeout('fnc()', 5000);
}

window.onload = function(){fnc();};
</script>
</head>
<body>

<h1>un texto</h1>

<h1>otro texto</h1>

</body>
</html>

furoya · #4 (**permalink**) 24/11/2012, 15:08

Si es parpadeante y para emular el viejo y recordado blink, no se olviden de visibility.

texto parpadeando

P.D.: Creo que al final sí estaba haciendo falta un ejemplo de estos.

seoista · #5 (**permalink**) 24/11/2012, 23:34

Muchas gracias @emprear, @IsaBelM y @furoya, los probaré todos y si tengo algún problema..., amenazo que insistiré

.

Saludos

seoista · #6 (**permalink**) 26/11/2012, 06:29

Muchas gracias a tod@s: @emprear, @IsaBelM y @furoya. (Karma a to@s)

Al final me he decidido por el de @emprear

.

Saludos