Javascript Tutorials

JavaScript Zone

Script Tutorials

Introduction
Pre-requisites
Installation
Notes

News Ticker

Introduction

Links

Thompp's Javascripts Index
Thompp nation Home Page
This script on Javascript Source

This Javascript lets you run a "news ticker" on your home page. The beauty of this script is its small size.

Within the script, you maintain links to the 5 most-recently updated pages on your site. This script then displays each news item in turn in news ticker fashion, leaving it on screen for a few seconds before showing the next item.

Example of this script:

Thompp News Ticker

Pre-requisites

none

Installation

Cut and paste the following code to your html page as indicated:

1/3. Add the following code to the <head> part of your html page: ================================================================= <! -- script for news ticker -- !> <script language="JavaScript">  </script> 2/3. Amend the <body> tag as follows: ===================================== <BODY ..... onload="newsticker();"> 3/3. Add the following to the <body> part of your html page: ===========================================================  <div align=right><small><b>Thompp News Ticker</b></div></small><hr> <small> <Span Id="mtxt" style="position:relative;top:1px;padding:5px 5px 5px 5px;font-family:Arial;font-size:10pt;width:100%;overflow:auto;height:50px"> </Span>

Notes

this tutorial demonstrates:
- how to Dynamic HTML (DHTML) and the "span" tag to dynamically update web pages
- use of setTimeout() function to perform timed functions
- how to create dynamic links

Page last updated 24th November 2001