Scrolling JavaScript Banners: Introduction - Doc JavaScript | WebReference

Scrolling JavaScript Banners: Introduction - Doc JavaScript

Sliding JavaScript Banners

In this column we'll discuss a specific script, and through that script we'll explain various concepts. If you reached this page, you probably know we're going to talk about banners. So take a look at the script in action:

We'll show you:

  1. How to specify the banner's position.
  2. How to use external JavaScript files.
  3. How to configure the banner.
  4. How to assign the banner's messages to an array.
  5. How to initialize the banner.
  6. How to create the banner's elements.
  7. How to fill the banner's elements.
  8. How to set an element's visibility.
  9. How to rotate the messages.
  10. How to move the messages.

The banner's external JavaScript files are:

  1. bannerconfig.js
  2. banner.js

For your convenience, you may also download a zip file containing banner.html, bannerconfig.js, and banner.js. Simply extract the files into any directory and load banner.html in your browser (Navigator 4.0x or Internet Explorer 4.0x).

Created: February 10, 1998
Revised: February 10, 1998