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

FF1+ IE5+ Opr7+

George's Expandable ticker

Author: Dynamic Drive

Description: Quite possibly the only ticker of its kind out there, George's Expandable Ticker brings together the best of two worlds to create a ticker that can be viewed both sequentially and simultaneously. Some great features of this script are:

  • Uses CSS to control most visual aspects of the scroller, for easy customization.
  • Script automatically creates a "summary" of each ticker message and adds it to the "Expand" menu.
  • Cross browser functional- NS4, NS6+, IE4+, Opera 7.

This script is a variation on the original Expandable Ticker Script. This original is suitable for single-lined messages, while this one, multi-lined. Finally, George is one of our in-house developers, and hence the name. :)

Demo:


Directions Developer's View

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

Select All

This style sheet controls most non-essential visual aspects of the ticker. Feel free to modify some of the values. 

Step 2: Then, put the below script where you wish the ticker to appear in the BODY section of your page:

Select All

Please refer to the comments inside script to customize the ticker's width, colors, and content.

This script uses an arrow image as part of its interface:

(enlarged for better viewing. Download by right clicking, and selecting "save as")

Enjoy!