New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
  • IE5+: IE 5 and above
  • FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
  • Opr7+: Opera 7 and above.
Bookmark online:
FF1+ IE5+ Opr7+

Rainbow Links script

Author: TAKANASHI Mizuki

Note: Last updated: 09/20/02 to include IE6+ compatibility

Description: Before your visitors follow through on a link, let them follow the rainbow, with Takanashi's script! Once it's applied, all links on the page exhibit a rainbow effect onmouseover. Requires IE4+ or NS6+, with effect downgrading well with the rest.

Demo: Move your mouse over the following links (or any link on this page, for that matter!):

-JavaScript Kit
-Freewarejava.com
-CodingForums.com

Try using the above script on a page with black background and white text.

Directions: Developer's View

Add the below code to the <HEAD> section of your document:

Select All

Finally, the script accesses the external JavaScript file, "rainbow.js", which you should first download by clicking the link below (or click with "Shift" key depressed in NS):

rainbow.js

then, upload this file to your web page directory.

Note: You can explicitly add the rainbow effect to other text (not link text), by inserting the code onmouseover="doRainbow(this);" and onmouseout="stopRainbow();" inside the tag in question.