Blinking text with CSS

Question

enam 0 Light Poster

14 Years Ago

I have put exactly following code to make the text "Person of the Week contest" blinking anchor text on my homepage of http://BestAdPoster.com :

<div style="float:right; font-size:18px;width:100px;display:inline;border-style:groove;border-width:10px;text-decoration: blink;padding:10px;"><a href="http://bestadposter.com/forum/topics/person-of-the-week-contest">Person of the Week contest</a></div>

Unfortunately text blinks only on FireFox but it's static text on all other browsers (I have checked on IE, Chrome, Opera and Safari).

Can anyone tell me how to fix the problem? Why text is not blinking?

html-css web-design

5 Contributors
13 Replies
478 Views
2 Days Discussion Span
Latest Post 14 Years Ago Latest Post by enam

mankis 0 Newbie Poster

14 Years Ago

There is no way you can make blinking text with CSS for IE. It is better to make animated gif, then you can use fade in/fade out to make it less annoying.

RykeTech 7 Junior Poster in Training

14 Years Ago

CSS no, Javascript yes.

Put the following in between your <head> tags:

<script>
<!--
function doBlink() {
	var blink = document.all.tags("BLINK")
	for (var i=0; i<blink.length; i++)
		blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" 
}

function startBlink() {
	if (document.all)
		setInterval("doBlink()",1000)
}
window.onload = startBlink;
// -->
</script>

And then wrap the words you want to blink within the body tags with <blink> text here </blink>

Arkinder 93 Posting Pro in Training

14 Years Ago

The value blink was used in CSS1 to replace the Netscape browser's blink tag, which is deprecated. The value is not supported in IE, Chrome, Opera, or Safari.

Regards, Arkinder

Edited 14 Years Ago by Arkinder because: n/a

Arkinder 93 Posting Pro in Training

14 Years Ago

The blink tag is deprecated and shouldn't be used. Use the jQuery Blink plugin instead. Simply include the jQuery library and plugin in your code, then any element with the class blink will blink.

Regards, Arkinder

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

RykeTech 7 Junior Poster in Training · Answer 1 · 2010-11-30T21:42:20+00:00

The value is not supported in IE, Chrome, Opera, or Safari.

Not supported for a very good reason...
One of the most unattractive effects of the 90's

RykeTech 7 Junior Poster in Training · Answer 2 · 2010-11-30T21:44:42+00:00

The blink tag is deprecated and shouldn't be used. Use the jQuery Blink plugin instead. Simply include the jQuery library and plugin in your code, then any element with the class blink will blink.
Regards, Arkinder

I was unaware of this plugin. Not that I'll ever use it, but it's nice to be updated.

Arkinder 93 Posting Pro in Training · Answer 3 · 2010-11-30T21:46:57+00:00

Not supported for a very good reason...
One of the most unattractive effects of the 90's

Another useless attempt, like tables for layout, to bring style and presentation where it shouldn't be; and we are still paying for it today.

Regards, Arkinder

RykeTech 7 Junior Poster in Training · Answer 4 · 2010-11-30T21:50:10+00:00

Another useless attempt, like tables for layout, to bring style and presentation where it shouldn't be; and we are still paying for it today.
Regards, Arkinder

So true, I can't tell you how many projects I take on that consist strictly of nested tables with inline CSS. Cross-browser nightmare...

Arkinder 93 Posting Pro in Training · Answer 5 · 2010-11-30T21:53:03+00:00

I was unaware of this plugin. Not that I'll ever use it, but it's nice to be updated.

jQuery is a JavaScript library that has a plugin for almost any animated effect you can think of. It's been taking over the web lately, and it's easy to see why. There are some exciting things in stored with the release of CSS3, and jQuery's use growing. For those that are interested, some interesting examples can be found here, here, and here - this is also cool.

Regards, Arkinder

Note: Even though the conversation is some what related; we should probably stop hijacking this thread. ^_^

RykeTech 7 Junior Poster in Training · Answer 6 · 2010-11-30T21:58:17+00:00

Note: We should probably stop hijacking this thread. ^_^

Couldn't agree more. I know about jQuery and it's capabilities, I was just unaware jQuery had a "blink" plugin.

enam 0 Light Poster · Answer 7 · 2010-12-01T10:06:17+00:00

Thanks to everyone for helping me. I think I shall simply remove the blink option.
I am new to CSS and spent some time to fix the problem. If I would put the problem here beforehand that would save my time.

Thanks again.

drjohn 56 Posting Pro in Training · Answer 8 · 2010-12-03T02:13:43+00:00

The blink tag was invented as a joke, when someone at Netscape said can you make the text flash on and off. It is highly NOT recommended for a variety of usability reasons. It is considered one of the signs of a true beginner.

enam 0 Light Poster · Answer 9 · 2010-12-03T10:56:03+00:00

The blink tag was invented as a joke, when someone at Netscape said can you make the text flash on and off. It is highly NOT recommended for a variety of usability reasons. It is considered one of the signs of a true beginner.

Thanks for your suggestions. I have already removed blinking code.