2010-05-28 19 views
7

Ni la etiqueta <blink> ni el estilo text-decoration:blink; en css son compatibles con Internet Explorer.<blink> etiqueta en Internet Explorer

¿Hay alguna técnica disponible para la fabricación de texto intermitente en IE?

+4

texto parpadeante es generalmente una mala idea. ¿Qué justifica su uso en su situación? – Banford

+0

http://www.webdeveloper.com/forum/archive/index.php/t-42025.html – miku

+29

noooooooo !!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!! cada vez que cuando alguien utiliza etiqueta, un gatito muere – rochal

Respuesta

14

Evitar el parpadeo, si es posible - que molesta a la gente.

Pero se puede hacer con JS/jQuery así:

setInterval(jQuery('.blinking').toggle, 1500); 

Eso va a mostrar/ocultar cualquier cosa con la clase intermitente cada 1,5 segundos.

Así que en el HTML que haría:

<span class="blinking">hello!</span> 

Pero, de nuevo, pensar muy cuidadosamente acerca de si debe parpadear!

Si necesita algo específicamente atraer la atención de un usuario (y por alguna razón el énfasis regular/resaltado/etc. no es lo suficientemente bueno), entonces en lugar de parpadear intermitentemente (donde el texto desaparece por la mitad del tiempo), considere cambiar el color o un subrayado/borde parpadeante o similar.

La clave es, si algo es lo suficientemente importante como para molestar visualmente al usuario, entonces debe seguir siendo legible.

8

Puede utilizar este código:

$(document).ready(function() { 
    setInterval("$('.blink').fadeOut().fadeIn();",1500); 
}); 

y un enlace de clase este

<div class="blink">BLING BLING...</div> 

ver demostración http://jsfiddle.net/SGrmM/


También puede utilizar este código de trabajo:

$(document).ready(function() { 
    setInterval("$('.blink').fadeOut(150).fadeIn(150);",1000); 
}); 

ver demostración http://jsfiddle.net/SGrmM/1/


ver ejemplos de trabajo de la cabina en el mismo violín http://jsfiddle.net/SGrmM/2/