New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:


FF1+ IE5+ Opr7+

DHTML Billboard Script

Author: Dynamic Drive

Description: Real life billboards use interesting transitional effects in between messages to catch viewers' attention. Well, so does this DHTML billboard script! In IE5.5+, a random multimedia effect is applied during each message change, while in other modern browsers (NS6+/Opera7+), the script still functions as normal, though minus the effect.

This script uses regular DIV tags to contain all the messages you wish to be shown, for ease of customizing them. Additionally, in older browsers (ie: NS4/IE4), you can choose whether the script should hide all of the content or not, since if the later, all of the content is shown all at once (depending on your page design, you may not want this).

Demo: In IE5.5+, a random transitional effect is applied during each message change.

JavaScript is a scripting language originally developed by Netscape to add interactivity and power to web documents.
Java is completely different from JavaScript- it's more powerful, more complex, and unfortunately, a lot harder to master.
Real life billboards use interesting transtional effects in between messages to catch viewers' attention. Well, so does this DHTML script!


Directions Developer's View

Step 1: Insert the below code into the HEAD section of your page:

Select All

Follow the comments within code to customize the required parts.

Step 2: Then, insert the below block of HTML codes where you wish the billboard to appear on your page:

Select All

This is where you'll enter your billboard contents. Each piece of content is contained inside its own designated <DIV> tag. Such a <DIV> tag looks like:

<div id="billboard0" class="billcontent">
First HTML content goes here
</div>

For each additional content you add, be sure to increment "billboard0", for example, "billboard1", "billboard2" etc.