New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
  • IE5+: IE 5 and above
  • FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
  • Opr7+: Opera 7 and above.
Bookmark online:
FF1+ IE5+ Opr7+

Always-on-top message

Author: Dynamic Drive

Note: Modified 07/05/02. Added NS6 compatibility, plus "display once per browser session" feature

Description: This is a TV-like message banner script that creates a "always-on-top" message, centered at the bottom of the surfer's screen. Use it like its used on TV- to advertise your products, or anything else that requires special attention. The script comes with the following features:

  • Supports rich HTML

  • Comes in multiple "display" modes:
    1) Display the message perpetually on screen
    2) Display the message for a set period of time, then disappear
    3) Display the message once per browser session
  • Message background can be set to "flash."

Demo:

Directions Developer's View

Step 1: Save the below file into your webpage directory (either by clicking it, or clicking it with the shift key depressed for NS users):

topmsg.js

Step 2: Insert the below into the <body> section of the page(s) you want the message to be shown. Insert the code in open space (inside the <body> but outside of any tables or other containment tags):

Select All

Where http://yourdomain.com/topmsg.js represents the url pointing to where your js file is saved.

All configurations to the message is done inside the file topmsg.js you saved under step 1. Simply follow the instructions inside the file to make all the necessary changes.

Aren't you glad your web page is now yet another step closer to its big brother, the television?