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

FF1+ IE5+ Opr7+

ProHTML ticker

Author: Dynamic Drive

Description: Tired of the meticulous format required when entering messages into JavaScript Tickers? ProHTML Ticker rotates regular HTML messages wrapped around simply in DIV tags, making updating its content a breeze! Some highlights of this script are:

  • 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).

Demo:

JavaScript is a scripting language originally developed by Netscape to add interactivity and power to web documents. It is purely client side, and runs completely on the client's browser and computer.
Java is completely different from JavaScript- it's more powerful, more complex, and unfortunately, a lot harder to master. It belongs in the same league as C, C++, and other more complex languages.
DHTML is the embodiment of a combination of technologies- JavaScript, CSS, and HTML. Through them a new level of interactivity is possible for the end user experience.


Directions Developer's View

Step 1: Copy the below code into the HEAD section of your page:

Select All

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:

Select All

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.