Free Javascripts - Headliner

Headliner

In a Nutshell: Jan Pijnacker's Headliner script incorporates a series of interesting text effects and animated transitions in the creation of an attention-grabbing and functional rotating headline. The headline can be set up simply as a design element, or as a navigational tool, and can be easily customised. Try it out below:

Use it Yourself: Utilising new style sheet technology to define the properties of the text that appears within the menu, this code must be placed within the <head> section of your HTML code. Copy and paste the code from below.

<style type="text/css"> .stHeadliner {font-family: courier new, monospace; font-size: large; font-weight: bold; font-style: italic; color: white; text-transform: capitalize; text-align: center; width: 92%; height: auto; border-style: none; background: url(bg_ani_blop.gif); cursor: hand;} </style> <link rev="made" href="mailto:Jan_P@dds.nl">

Next, the following Javascript component must be placed within the <body> section of your HTML code. Notes scattered throughout the text will assist you in customising the code to your needs. Remember that the onload and unonload commands must be cut and pasted into your actual <body> tag.

<body onLoad="StartHeadliner()" onUnload="StopHeadliner()"> <SCRIPT LANGUAGE="JavaScript">     </script>

This Script Created By: Jan Pijnacker

Copyright © 1999-2024 Curiosity Cave Pty Ltd. All rights by all media reserved. All elements on this site, including page design, contents and graphics (with the obvious exception of the free Javascripts) may not be reproduced, broadcast, rewritten or redistributed in whole or in part without the expressed written permission of Curiosity Cave Pty Ltd.