- Uses CSS to control most visual aspects of the scroller, for easy customization.
- Supports an optional "subject" for each message, displayed at the top of the ticker.
- Cross browser functional/friendly- Script works in IE5+ and NS6+, and degrades well with the rest (all messages are simultaneously made viewable for the later).
Step 1: Copy the below code into the HEAD section of your page:
The style sheet above controls most of the visual aspects of the ticker. There are also two variables inside the script that follows (see comments) that you can configure.
Step 2: Then, insert the below block of HTML codes where you wish the ticker to appear on your page:
This is where you'll enter your ticker contents. Each piece of content is contained inside its own designated <DIV> tag. Such a <DIV> tag looks like:
<div id="dropmsg0" class="dropcontent"> First HTML content goes here </div>
For each additional content you add, be sure to increment "dropmsg0", for example, "dropmsg1", "dropmsg2" etc.