Ajax Tree Menu Tutorial by Deluxe-Tree.com
Ajax Tree Menu Tutorial

Buy Now!  Free Trial Download

Menu Screenshots Ajax Tree Menu Tutorial

Ajax Tree Menu Tutorial Text Tree Menu

Features Ajax Tree Menu Tutorial

Easy Setup
  • De Luxe Tuner. GUI interface to create your ajax tree menu tutorial menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Deroulant En Tree Ajax Tree Menu Tutorial
Seamless Integration
  • 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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed ajax tree menu tutorial samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Unrivalled Features
  • Scrollable, dragable, floating
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Ajax Tree Menu Tutorial

Q: I see you have a right click in expanding menu javascript, is this function available in JavaScript Tree Menu?

A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.

However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]

Q: It is mostly working now except where I have two rows of nav tabs.. The top row opens new pages and the bottom row is just regular div tabs... works fine in IE and Firefox but not Chrome... any ideas?

A: Try to open links in the following way:

  var bmenuItems = [
["Overview","link:Sun_Cabo_Services.asp", "", "", "", "", "0", "", "", ],
["Villa Services","link:Cabo_Villa_Services.asp", "", "", "", "", "0", "", "", ],
["Chef/Cook Services","link:Cabo_Chef_Services.asp", "", "", "", "", "0", "", "", ],
["Spa Services","link:Cabo_Spa_Services.asp", "", "", "", "", "0", "", "", ],

Q: If I have a Menu and Tab control on the same page, how do I get the menu pop up to have a higher z-index so it displays on top on the tabs?

I want the main menu to display above the Label/Candle tab control.

A: Deluxe Tabs has z-index = 2000
JavaScript Tree Menu has z-index = 1000

You can open dmenu.js file in any text editor and find the following code:


Change it to


Q: The text on the dropdown menu item is not centered as it shows in the preview, How do I fix?

A: The reason is in your style

TD {

Try not to define style for Table, TD, TR elements they can affect themenu.

Set also the following parameter:

  var itemAlignTop="center";