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?

More options

hayatkhansum

Established Member

DU

Secret SantaTop Member

hayatkhansum

Established Member

biggie

GreenFriendly.comTop Member

Chicken

Full Stack DeveloperVIP Member

DU

Secret SantaTop Member

hayatkhansum

Established Member

Similar threads

We're social

New posts

Auction activity

What non .com extensions have you sold in 2024?

Polls of interest

Popular this week

Community favorite

Popular this month

Blog favorites

Pinned

Appreciation

Agreement