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

NS6+ IE5+ Opera 7+

Static Menu Script

Author: maXimus | Homepage

Note: Modified by Dynamic Drive for backwards compatibility and script enhancements

Description: Add an elegant, visible-from-the-start static menu to your site with this script! Both the menu's dimensions and its static location on the page can be easily configured, making it a piece of cake to integrate the menu to conform to your site's layout. Definitely one of the better DHTML menu systems out there.

Demo: On your left...


Directions Developer's View

Step 1: Insert the following stylesheet into the <head> section of your page:

Select All

Step 2: Insert the following into the <body> section of your page, outside any other tags:

Select All

Refer to documentation inside to configure the menu's dimensions and location on the page, along with the items to display.

Technical Note

This script accesses the BODY onload event (window.onload). If you have another script on your page that does the same, one of them will not run. Click here for information on getting both scripts to work simultaneously. Also, you MUST insert the code of Step 2 in open space, not contained inside any tag other than the <BODY>. This is for Netscape's sake, for failure to do so will cause the menu to not be rendered properly in that browser.