Template:

Photobuket Style Template - Drop Down Navigation Menu

    - Status string shows item labels
    - Items with icons
    - Top items and submenus have a shadow
    - Submenus automatically scrolls
    - Sound support!
    - Horizontal or vertical orientation
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - AJAX menu loading - loads web menu data from the server "on-the-fly".

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

Buy Now! :: Free Trial Download :: Blog :: More Info

Menu Screenshots

Buy Now! :: Free Trial Download :: More Info

Features

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
Menu can be populated from a database using ASP, PHP, etc.
Search engine friendly
Support for any doctypes
Fits for secure sites
Section 508 compliant

Seamless Integration

Cross-frame support - menus work on frameset-based pages
Visible over flash, select boxes, iframes, java applets
Multiple menus on the same page
Amicable to other scripts and css styles
Any HTML code can be used inside menu items

Tree View Menu Sample Application In Java Script Ektron Rollover Menu

Easy Setup

De Luxe Tuner. GUI interface to create your ektron rollover menu menus easily and in no time
Sensible menu parameters for manual editing

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed ektron rollover menu samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly".
Commonly loads quicker than other html page elements
UL/LI items structure
Runs well with an unlimited number of submenus and items

2.0 Buttons by Web-Buttons.com v3.0.0

Buy Now! :: Free Trial Download :: More Info

Javascript Menu. DHTML Menu.

Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Buy Now! :: Free Trial Download :: More Info

Recent Questions

Q: How do you specify different number of sub menu columns for each menu heading in the dhtml menu bar?

When I put   var smColumns = 5; it changed it for both my multicolumn headings.

A: You should use Individual Submenu Styles, for example:

  var menuStyles = [
["smColumns=3"],// 0 style
["smColumns=2"],// 1 style
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
["Product Info","", "", "", "", "", "0", "", "", "", "", ],
["|Features","testlink.html", "", "", "", "", "", "0", "", "", "", ], // 0 style
["|Installation","", "", "", "", "", "", "", "", "", "", ],
   ["||Description of Files","testlink.html", "", "", "", "", "", "", "", "", "", ],
   ["||How To Setup","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Parameters Info","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Dynamic Functions","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
   ["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
   ["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
   ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
   ["||Mozilla","", "", "", "", "", "", "", "", "", "", ],
   ["||Netscape","", "", "", "", "", "", "", "", "", "", ],
   ["||Opera","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ],
["|Sample 1","testlink.html", "", "", "", "", "", "1", "", "", "", ], // 1 style
["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
["|Sample 3","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 4","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 5","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 6","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 7","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 8","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 9","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ],
];

Q: Also, when I edit "testlink.htm" to any other htm filename, no file isloaded!?

A: Please, make sure that the file that you set for the link exists onyour website and it's placed in the same folder where testlink.htm file is placed.
You can also use absolute paths for links.

Q: If there is a possibility to change the dhtml dropdown menus?

A: You should use API functions.

dtreet_ext_changeItem (menuInd, itemID, itemParams)

More info you can find here:

http://deluxe-tree.com/functions-info.html

Q: Is it possible to expand thetree menu javascript in a predefined way?
Lets say, Item 1 expanded, Item 2 not expanded, anyway, it should look like I select it in the ITEMS program window.
Now it is exanded completely or not, like I use the switch in the common parameters.

A: You can expand some items by default.
Add '+' sign before items text in that case:

["+Deluxe Tree: XP Style","", "deluxe-tree.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", "", ],
["|Home","testlink.htm", "deluxe-tree.files/icon1_s.gif", "deluxe-tree.files/icon1_so.gif", "", "Home Page Tip", "", "", "", "data-new.js", ],

"Deluxe Tree: XP Style" item will be expanded by default in that case.
Use var texpanded=1; parameter to expand all menu items by default.

Use function dtreet_ext_expandItem (itemID, expand) API function to expand the specificmenu items dynamically:
http://deluxe-tree.com/functions-info.html

Buy Now! :: Free Trial Download :: More Info