Internet Explorer <blink> Tag

Question

Internet Explorer does not support the <blink> or the text-decoration:blink; style text-decoration:blink; in css.

Is there any method for creating blinking text in IE?

Answer 1

Avoid blinking if possible - it annoys people.

But you can do it with JS / jQuery as follows:

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

This will show / hide something with a blinking class every 1.5 seconds.

So, in HTML you would do:

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

But again, think very carefully if it should blink!

If you need something specific to get the user's attention (and for some reason, regular accent / highlighting / etc is not good enough), then instead of turning on blinking (where the text disappears for half the time), consider changing color or blinking underline / border or the like.

Most importantly, if something is important enough to visually annoy the user, then it should remain readable.

Answer 2

You can use this code:

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

and class link this

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

see working demo http://jsfiddle.net/SGrmM/

You can also use this code:

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

see working demo http://jsfiddle.net/SGrmM/1/

see examples of stands in the same fiddle http://jsfiddle.net/SGrmM/2/