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


IE5+

XML Ticker

Description: This is an XML based JavaScript Ticker that can tick any number of messages. One of the beneifts of using XML is seperation of content from presentation- the contents for this ticker resides in a seperate file. This script currently works only in IE, degrading well with the rest.

Demo:


Directions Developer's View

Step 1: Insert the below into the <BODY> section of your page, where you wish the ticker to appear:

Select All

Step 2: Download the following xml file, and upload to your webpage directory. It contains the ticker style and contents:

ticker_items.xml (right click, and select "Save as")

You're essentially done! 

Understanding the structure of ticker_items.xml

All changes to the scroller appearance and contents are made inside the external .xml file. To edit this file, use any text editor to open it. Here is an explanation of the variables involved:

TICKER
tickerstyle
  pause = "true" / "false" :: "true" for pause onMouseOver
  timeout = any integer :: The delay in seconds between different messages.
  border = any integer :: Border width of Ticker
  bordercolor = #HexColor :: The border color of Ticker
  background = #HexColor :: Background color of Ticker
  width = any integer :: Ticker width
  height = any integer :: Ticker height
tickerlinkstyle
  mouseout
   font = "verdana,arial,helvetica....." :: Ticker link font
   color = #HexColor :: Ticker link color
   decoration = "none" / "underline" / "underline + overline" :: Ticker link style
   weight = "normal" / "bold" :: Ticker link weight
   size = 'any integer'pt :: Ticker link size
  mouseover
   font = "verdana,arial,helvetica....." :: Ticker link font
   color = #HexColor :: Ticker link color
   decoration = "none" / "underline" / "underline + overline" :: Ticker link style
   weight = "normal" / "bold" :: Ticker link weight
   size = 'any integer'pt :: Ticker link size
tickeritem
  URL = A valid URL :: Ticker link URL
  target = "_blank" / "_top" / "_self" / 'any other valid target name' :: Ticker link target

Have fun!