New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:


NS6+ IE5+ Opera 7+

Fading scroller

  Author: Dynamic Drive

Note: Updated Sept 28th, 04' for ability to fade from any color to any color.

Description: This is your regular message scroller, except in IE5+ and NS6+, the messages are gradually faded into view! Check out the technique used to accomplish the fading- dynamically altering the text's color. The scroller comes with the following two features:

  • Fade from any color to another for the scroller text, such as from black to white, white to black etc.
  • Links inside messages (if any) can also be set to either fade, or remain their original color.

Demo:


Directions Developer's View

Step 1: Simply add the below code where you wish the scroller to appear in the <body>:

Select All

Configuring the scroller

You can easily configure the width/height, font, and contents of the scroller. Just change the first few variables of the script to do so.