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

FF1+ IE5+ Opr7+

Amazon style Drop-in content box

Author: Dynamic Drive

Description: We modeled this script after an effect seen on the frontpage of Amazon.com. A content box drops in from "midair", and can display anything of your choice. The frequency of the box appearing can be precisely controlled, such as "always", "once per browser session", or "randomly." This useful script works in IE4+, NS6+, and Opera7+. Be sure to also check out the original Drop In Content script.

Demo:

JavaScript is a scripting language originally developed by Netscape to add interactivity and power to web documents. It is purely client side, and runs completely on the client's browser and computer.

Close It


Directions: Developer's View

Step 1: Add the below code to the <HEAD> section of your page:

Select All

Edit the style sheet to configure the basic look of the Content Box. Then, refer to the comments contained inside the script to set the variables.

Step 2: Insert the below HTML within the BODY section of your page, preferably at the very end:

Select All

The code of Step 2 is where you enter the actual HTML you wish to display.