W
ith this Text High Lighter script, you can alternate the font color of each character in a line of text.
(See above). Useful to catch the attention of your web site visitors. You may also customize the color and font size of the text.
We have tested the code in IE6.0, Firefox1.5.0.3, Opera8.54, Netscape8.1 and AOL Explorer1.2. This script worked in all platforms with the exception of Firefox1.5.0.3 and Netscape8.1 where it will not be visible. There will be a blank space where the effect should be. It degrades well and you will not get any error messages.
D epending on your knowledge of HTML and java script, this is an easy one part copy and paste code that is inserted into the <BODY> section of your document where you want it to appear. The only reconfigurations are to reconfigure the text itself, the two different colors, the speed of the color change from letter to letter and the size of the text. Below are where you make all your reconfigurations.
<!-- Begin
text = "Your Text Goes Here"; // The text to scroll
color1 = "blue"; // original text color
color2 = "red"; // new character color
fontsize = "8"; // font size of text
speed = 200; // how fast to rotate to next character
// time is in milliseconds, (i.e. 1000 = 1 second)
I n relation to the colors for the letters. They can be either the word for the color or hex codes. If you use HEX codes, be sure to use the # prefix before the 6 digit color code. See the below example.
Word color1 = "blue"; // original text color
HEX Code color2 = "#ff0000"; // new character color
T
he below link is a color chart that makes use of both words and HEX codes for colors for your convenience.
[ Color Picker ]
Note Of Importance: To answer the question that has been asked before, the answer is "No", you can not use this script in more than one place on your page, it will not work if you do. In other words, you can only have this effect in one place on any given page.
W
e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link* and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ]
[ Rate This Page ]
For your Information:
* Since the original script site no longer archives this effect, we now are archiving this script for your convenience.
