Easy Menu

Easy Menu is a small, fast, easy-to-use script for creating DHTML pulldown menus. It is compatible with Internet Explorer 4+, Netscape 6+, Firefox 1+, Opera 5+, and Safari, as well as any other modern browser with W3C Level 1 DOM support.

Easy Menu supports the creation of both horizontal and vertical menus. Menus are fully customizable using cascading style sheets. Custom icons or images can be assigned to individual menu items. JavaScript functions may be run from menu items.

Samples:

Using a link, image, table element, or other object:

Menu 1 Menu 2 Menu 3

Using an image with an image map:

Menu

Usage:

showMenu(menuName, menuWidth, menuOffsetX, menuOffsetY, menuSourceName)
menuName - Unique ID of Menu
menuWidth - Width of Menu (0 = Auto-Fit)
menuOffsetX - Amount to Offset Menu from Object Left
menuOffsetY - Amount to Offset Menu from Object Top
menuSourceName - Unique ID of Menu Source Object hideMenu(menuName)
menuName - Unique ID of Menu

Directions:

Step 1: Place the following code inside the <HEAD> tag of your page. Change the <STYLE> properties to customize the appearance of your menu.

Step 2: Define your menu using the following syntax and save to the file named MenuItems.js. Be careful to watch the placement of special characters such as commas, parentheses, and quotation marks.

To see how to create multiple menus, include images, or use javascript functions, view the contents of the included MenuItems.js file for examples.

Step 3: Place the following code inside your <A> tag or other object to display your menu. Be sure to create an ID on your menu source object that corresponds to the ID below.

Copyright © 2004 PerfectoMEDIA. All rights reserved.