tag in Internet Explorer

Question

Neither the <blink> tag nor the text-decoration:blink; style in css are supported in Internet Explorer.

Is there any technique available for making blinking text in IE?

Blinking text is usually a bad idea. What justifies its use in your situation? — Banford, May 28 '10 at 10:09
http://www.webdeveloper.com/forum/archive/index.php/t-42025.html — miku, May 28 '10 at 10:10
noooooooo!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! everytime when someone uses tag, a kitten dies — Piotr Rochala, May 28 '10 at 10:11
possible duplicate of [Text blinking jQuery](http://stackoverflow.com/questions/1605698/text-blinking-jquery) — kennytm, May 28 '10 at 10:13
Also relevant: [“text-decoration: blink” & IE](http://stackoverflow.com/questions/2170692/text-decoration-blink-ie) — kennytm, May 28 '10 at 10:13
Everyone here is correct to say that you should never use ``. But what they didn't tell you is that [``](http://en.wikipedia.org/wiki/Marquee_element) is preferred. >:) — Mark Rushakoff, May 28 '10 at 11:08
possible duplicate of [Alternative for ](http://stackoverflow.com/questions/18105152/alternative-for-blink) — Léo Lam, Jul 21 '15 at 06:34
http://stackoverflow.com/questions/18105152/alternative-for-blink/23951515#23951515 — Elangovan, Sep 16 '16 at 06:47

score 14 · Accepted Answer · edited Feb 08 '15 at 00:11

Avoid blinking, if possible - it annoys people.

But you can do it with JS/jQuery like this:

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

That'll show/hide anything with the blinking class every 1.5 seconds.

So in the HTML you would do:

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

But again, think very carefully about whether it should be blinking!

If you need something to specifically draw a user's attention (and for whatever reason regular emphasis/highlighting/etc isn't good enough), then instead of on-off blinking (where the text dissappears for half the time), consider changing the colour, or a blinking underline/border, or similar.

The key thing is, if something is important enough to visually annoy the user then it should remain readable.

score 8 · Answer 2 · answered Apr 20 '13 at 12:52

You can use this code:

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

and a 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 booth examples in the same fiddle http://jsfiddle.net/SGrmM/2/

tag in Internet Explorer

2 Answers2

Linked

Related