Create a Scrolling News Ticker in JavaScript

  This document describes how to Create a Scrolling News Ticker in JavaScript. The script is compatible with both Internet Explorer 5.x or later (IE) and FireFox (FF).


You can add this scrolling news ticker with your own text in your web pages.

Features:

Easy to embed into an HTML document;
Compatible with Internet Explorer and FireFox;
Full JavaScript: no plugin, no Java, no ActiveX;
Supports full HTML, including images, links and any other tags;
Smooth scrolling;
Very small script - fast to download;
Easy to customize;
Free for personal and commercial use.

If you want a downloadable Desktop News Ticker instead of or in addition to your web based scrolling ticker:
  How to create a Desktop News Ticker
  Desktop News Ticker Solution

  The script is free for personal and commercial use. We would appreciate a small text/links to be displayed in the pages where the ticker is shown:

Scrolling News Ticker by Mioplanet        < Get HTML Code  

  The JavaScript source code for the scrolling ticker is stored in a .js file - download (zip - 0,7 Kb).

To include a ticker in an HTML document, put the .js file in the same folder than your HTML document and add the following code where you want the ticker to be visible:



If you want the scrolling to stop when the mouse is over it, try this code instead:



Here is an HTML document displaying the scrolling ticker:

  You can edit the file webticker_lib.js and change the values for the following variables:

TICKER_RIGHTTOLEFT = false; TICKER_SPEED = 2; TICKER_STYLE = "font-family:Arial; font-size:12px; color:#444444"; TICKER_PAUSED = false;

TICKER_RIGHTTOLEFT

Set to true if the text is in Arabic, Hebrew or other right-to-left writing language.

TICKER_SPEED

Set the scrolling speed. Default value is 2.

TICKER_STYLE

Set the default style for the scrolling text.

TICKER_PAUSED

When this variable is set to true, the scrolling ticker is paused.
This value can be changed at runtime, for example when the mouse is over the ticker.

  The scrolling text can be imported from any source: RSS, XML or any other format.

For example, if you want to import data using PHP to convert it into a single HTML line to be displayed by the ticker, create a php script to import and convert the data, and include it directly in the DIV tag as follow:

    How to create a Desktop News Ticker
  Desktop News Ticker Solution

  Resources and technical info
  All Software
  All Solutions