A small script to make text blink or change appearance.
The <blink> tag is no longer supported by modern browsers. However, there may still be usage situations where a blinking text can be put to good use, ie. in messaging, chat, gaming, ...
(refresh the page to re-start the blink sequence)
Use sparingly! This is intended for special occasions where an extreme emphasis would benefit the user. It is not intended to annoy the user, but this will be the case unless you use this script with caution. If in doubt, don't use it.
First, copy the text from the "Source code" section below into the <head> section of a html page.
Second, put a <span> tag around the text that you want to blink, giving it a unique ID. Example (the ID is "test1"):
<span id="test1">Curabitur in elit.</span>
Third, insert this code somewhere below the 'blink' text, making sure that the ID in the parenthesis is the same as the ID of the <span> above:
The script has two settings to tweak:
The b_max is the maximum number of "on/off"-events. The maximum number of blinks will be around half this value, as a blink is = 1 "toggle off" + 1 "toggle on".
An even number will make the blink sequence end in "off", which is normal text. An odd number will make the blink sequence end in "on" which is changed text.
The b_rate is the blink rate: A low number means fast blinks, and a high number means slow blinks. The number 1000 gives around one blink per second.
|The "off" state||The "on" state|
The "visibility" style is the traditional blink: text disappears from the screen and re-appears. This style is disabled in the demo as hiding the text would mean that the colour and font weight settings would be invisible. So, if you enable the "visibility" styles the other styles may have little effect.
Feel free to experiment.
It is possible to extend the script so that it will take effect whereever you use the <blink> non-standard html tag in your document. This is left as an exercise for the reader.
Current version: 1