How we can write blinking text in html?

hayatkhansum · Sep 26, 2012

how to write blinking text?

DU · Sep 26, 2012

hayatkhansum said:
how to write blinking text?

Don't. Violates most usability standards and annoys everyone.

Subtle animation is ok - use jQuery for that.

hayatkhansum · Sep 26, 2012

thanks man

biggie · Sep 26, 2012

hayatkhansum said:
how to write blinking text?

Hi

though some folks don't like it, it does attract the eye

here's is code for ya:

<!DOCTYPE html>
<html>
<head>
<script>
function blinking_header()
{
if (!document.getElementById('blink').style.color)
{
document.getElementById('blink').style.color="red";
}
if (document.getElementById('blink').style.color=="red")
{
document.getElementById('blink').style.color="black";
}
else
{
document.getElementById('blink').style.color="red";
}
timer=setTimeout("blinking_header()",100);
}

function stoptimer()
{
clearTimeout(timer);
}
</script>
</head>

<body onload="blinking_header()" onunload="stoptimer()">
<h1 id="blink">Blinking header</h1>
</body>

</html>

Chicken · Sep 26, 2012

This should been in the parent form, but just basic blinking text is

HTML:

<blink>text here<\blink>

I would reccomend against using any kind of blinking though.

DU · Sep 26, 2012

First example is long.. second is non standard...

If you ABSOLUTELY must...

Look at jQUERY "pulsate"

I would prefer:

$("#element").fadeTo('slow', 0.5).fadeTo('slow', 1.0);

This would fade an element to 50% and then back - plus you could to this in a loop maybe 5-10 times so it's much less intrusive to the user.

hayatkhansum · Sep 27, 2012

thanks u i have got it

How we can write blinking text in html?

Established Member

Secret SantaTop Member

Established Member

GreenFriendly.comTop Member

Full Stack DeveloperVIP Member

Secret SantaTop Member

Established Member

admires.com

Yalla.AI

Landward.com

EduQuest.com

Paymet.com

Bonfire.co

Co.live

Campera.com

Motorly.com

Emote.co

Similar threads

We're social

admires.com

Yalla.AI

Landward.com

EduQuest.com

Paymet.com

Bonfire.co

Co.live

Campera.com

Motorly.com

Emote.co

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling