Clickable Horizontal Headline Crawler

[MJH]

1) CODE TITLE: Clickable Horizontal Headline Crawler

2) AUTHOR NAME/NOTES: Michael J. Hill www.javascript-demos.com

3) DESCRIPTION:
Quickly create headline link pairs this way:

	crawlInfo['tagline_5'] = "Deadly Shootout at U.N Staff House in Kabul"; 
	crawlInfo['link_5'] = "http://www.msnbc.msn.com/id/33501858/ns/world_news-south_and_central_asia/";

Continue to follow the pattern, i.e., tagline_6, link_6

You can set the width of the crawler box, and the width of the blank space in between headlines, this way:

	var useWidth = "590px";     // the width of the crawler;
	var separatorWidth = "5%";  // the width of the blank space between headlines, as a percentage of useWidth;

There are two "speeds," normal and slow:

var speed = "normal";       // or "slow"

Onmouseover the crawler pauses.

The headlines alternate in color, i.e., an "odd_color" class and an "even_color" class.

Clicking a headline link opens a new window or tab. That window or tab is re-used if another link is clicked while it is open. This way, the crawler continues to run in the home page window or tab. Otherwise, every time a user clicked a link, and returned to the home page, the crawler would re-start. Most users would never see many of your later links.

No HTML IDs or element names are used, greatly reducing the chance of conflict when integrated in to an existing
document.


4) URL TO CODE: Quick 3.2Kb download:
http://www.javascript-demos.com/down...ne_Crawler.zip

Demo is here:

www.javascript-demos.com/1/Headline_Crawler.html

[MJH]

I included a "vertical rolling" version in the download.

No demo for this one, but the download link is the same.