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

FF1+ IE5+ Opr7+

Cross Browser marquee II

Author: Dynamic Drive

Note: Script completely rewritten Oct 31st 05'.

Description: This is version 2 of the cross browser marquee that scrolls the contents upwards (instead of sideways). It's also different in that the content to scroll is not stored inside JavaScript variables, but as plain HTML wrapped around a special DIV. This makes specifying long and complex HTML a breeze.

In Netscape 7 and Opera, there is an issue with long hidden content pushing the rest of the page down. To overcome this, the script will display manual scrollbars in these two browsers for the user to manually scroll the contents, instead of dynamically.

Demo:

Iframe & Ajax category added
The Dynamic Content category has just been branched out with a new sub category to better organize its scripts.

Gradient Image Maker
We're excited to introduce our latest web tool- Gradient Image Maker!

DD Help Forum
Check out our new forums for help on our scripts and coding in general.

Terms of Usage update
Please review our updated usage terms regarding putting our scripts in an external .js file.


Directions Developer's View

Step 1: Insert the below code in the <head> section of your page:

Select All

The CSS at the top controls the basic look of the marquee. Also refer to the variables inside script for additional config options.

Step 2: Then add the below HTML to the <body> where you want the marquee to appear:

Select All

whereby you would simply insert the HTML contents to scroll in between the comments.