NS6+ IE5+ Opera 7+

Jim's DHTML Menu V5.7

Author: Jim Salyer

Note: Updated Aug 24th, 04' to version 5.7. Structural changes to script and docs by Dynamic Drive.

Description: Jim's DHTML Menu creates an absolutely positioned, cross browser navigational bar for your site. Efficient and small in file size, it sports a number of impressive features:

  • Can be set to display either horizontally (as in demo above), or vertically as a side menu.
  • Highly customizable outer appearance, including an optional cross browser shadow, and in IE4+, transitional effects when menus open/close.
  • Specify link target of each menu item- open link in a new window or a specific frame. Improved in v5.7
  • Script works in standards compliant mode (ie: doctype=strict). Improved in v5.7
  • Menu can be set to float, so it remains in the same position relative to an item when the window is resized. New in v5.7
  • Each menu item can have a background image. New in v5.7
  • Menu will now appear over form elements (not in Mac). New in v5.7
  • Impressive compatibility list, including most of the popular browsers currently in use:

-IE 4+ Windows
-NS6+ Windows
-IE 5+ Mac
-Mozilla 1.3+
-Safari New in v5.7
-Opera 7 New in v5.7
-NS4

We're certainly impressed. Are you? :)

Demo: Look up, or click here for vertical menu example or alternate horizontal menu example.


Directions

We spent a lot of time presenting the script and docs in a way that's easy to understand and install. Download jimmenu57.zip, and refer to "tutorial/install.htm" contained for instructions on setting up this script.

Enjoy this great script from Jim.

Upgrading from version 5.3x to 5.7

To upgrade from any version of 5.3x to 5.7, simply replace all the .js files found in the "includes" directory with the new ones. Your old config file (where you define your menu items) will continue to work without changes.

Upgrading from version 5.3 to 5.3a

A bug that caused the frames targeting feature of the script to not work was discovered in v5.3, and fixed in v5.3a. The only files that need to be replaced are the .js files in the includes directory.

Upgrading from version 5.0 to 5.3

To upgrade your script from the old version (5.0) to 5.3, replace all files within your "includes directory" with the new ones. In other words, the core .js files. Then open up your old "config.js" file, and locate the "addItem()" functions, which look like:

menus[1].addItem("http://www.dynamicdrive.com", 22, "left", "Dynamic Drive", 0);

Change each one by adding in a new second parameter, so the result looks like:

menus[1].addItem("http://www.dynamicdrive.com", "", 22, "left", "Dynamic Drive", 0);

This new second parameter allows you to specify an optional link target, such as "NEWWIN."

Wordpress Users: Step by Step instructions to add ANY Dynamic Drive script to an entire Wordpress theme or individual Post