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


FF1+ IE5+ Opr7+

Slide-in Scroller

Author: Dynamic Drive

Description: This scroller script conjures up a lively way of bringing messages into view- by sliding them from the left edge of the window. Note that the "slide" effect is applicable only in IE4+ and NS6+, with NS4 simply displaying the message.

Demo:


Directions Developer's View

Step 1: Add the below to the <HEAD> section of your page:

Select All

Step 2: Inside the <BODY> where you wish the scroller to appear, insert the below code:

Select All

All configurations to the script is done inside the code of Step 1. Please make special note of the last variable "hoffset." It controls the initial negative offset of the messages, which you will want to modify if the scroller is positioned further to the right of page horizontally.