Rainbow Text Fade. Tested in IE6.0, Netscape8.1, Opera8.54, Firefox1.5.0.1 and AOL Explorer1.2

T his text animation script gently fades a header using the colors of the rainbow. Works in both IE4+ and NS6+, and degrades well with other browsers. Just watch the above header to see the colors change.

We have tested the code in IE6.0, Firefox1.5.0.1, Opera8.54, Netscape8.0.4 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.

D epending on your knowledge of HTML and java scripts, this is an easy, one step copy and paste code with minimal reconfigurations to set the words within the header. Just paste the code anywhere in the <BODY> section of your document you want this effect to appear, reconfigure the wording and you are good to go. See below where you make the reconfigurations, including changing the default size and stryle of the font used in this effect.

 *
 **
<script>

/*
RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on JavaScript Kit
For this script, visit http://www.javascriptkit.com
*/

// ********** MAKE YOUR CHANGES HERE

var text="YOUR TEXT HERE" // YOUR TEXT
var speed=80 // SPEED OF FADE

// ********** LEAVE THE NEXT BIT ALONE!

I f you can notice the above two * and ** in relation to either the  and/or the

The  denotes the text within the confines of the script will be Bold. There is also a closing  tag at the bottom of the script. If you select not to use that attribute, remember to remove both the opening and closing bold tags.

In reference to the , you should really replace that with a full, complete font tag minus the font color. Reason being is that proper HTML coding dictates the use of a complete font tag as opposed to what is in this script. See below:

E verything that we have color coded above in the font tag can be changed cosmetically to suit your preferences.

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 ]

Search Our Site By Individual letter

[ A ] [ B ] [ C ] [ D ] [ E ] [ F ] [ G ] [ H ] [ I ] [ J-K ] [ L ]
[ M ] [ N-O ] [ P-Q ] [ R ] [ S ] [ T ] [ U-V ] [ W ] [ X-Y-Z ]

Little Tips Directory

[ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ]

[ Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
[ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
[ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

[ News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
[ Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
[ Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [ Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.