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

FF1+ IE5+ Opr7+

Popup Box (DHTML Announcement Box)

Author: Jim Silver

Description: Use this custom DHTML "widget" to uniquely present new or notable pieces of information to your visitors. The interface is cross browser compatible, and can be dragged/ hidden freely by the user. Now that's something new in itself!

Demo: (Hold your mouse down over the title bar of the box to drag it).


Directions: Developer's View

Step 1: Add the following script to the <HEAD> section of your page:

Select All

Step 2: Insert the below HTML code to the BOTTOM of your page, right above the </BODY> tag itself:

Select All

You may also want to grab this image, and upload to your webpage directory:

close.gif (872 bytes)

Viola.

Configuring the script

All modifications to the script are done in the code of Step 2 only.

1) To customize the displayed content, change the part where the HTML comments are located.

2) To configure the initial location of the box on the page, change the "left" and "top" attributes of the <div> tag.

Announcement Box
Feature Script- Snow Effect
Watch as snow gently trickles down the page, then disappear, with this great document effect!