Example Tree Menu by Deluxe-Tree.com
Example Tree Menu


Buy Now!  Free Trial Download

Menu Screenshots Example Tree Menu

Example Tree Menu Tree Dhtml On Tree View

Features Example Tree Menu

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
Cost Effective
Pull Down Bars Tree Example Tree Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed example tree menu 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".
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can create any style for XP menu:
  • different icons, colors, and buttons for each submenu title;
  • any color for borders, backgrounds, and font of menus and items;
  • any available font style; and many other options!
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions Example Tree Menu

Q: I am having some trouble placing the menu drop down vertical in frontpage. Does your company have a toll free number and some kind of tech support for the frontpage material. We are very interested in your program.


A: Unfortunately, we don't provide support by phone, e-mail only.

See, you should do the following things.

1. Create your menu in Deluxe Tuner.
2. Export the menu into html file "File/Export/To HTML".
3. Copy generated folder with all engine .js files and images
("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default) into the same folder with you index.html page (created inFrontPage).
4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)or in any text editor. Open your index.html page and edit it.
Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.
5. Add the following code in the tag:

<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

and
<script type="text/javascript" src="data-deluxe-menu.js"></script>
in the place where you want to have the menu.
You can paste it in <table>, <div> tags. For example.

<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>
6. Save your index.html page and open it in any browser.


Q: I am trying to get my submenu to be all black along with the main menu item that I am hovering over.
But I cannot do it.


A: Now you have

 ["|About Us","About_Us", , , ,"Tip Text" , , , ,"0"],

it is not right. You should write

 ["|About Us","About_Us", , ,"Tip Text", , ,"0",],


Q: I had test on php but I have problem with content "ABC-1" not show when run page first of the tab menu javascript, anh then I click it is show content.

A: Check parameter:

  var bselectedItem = 0;

Selected tab index by default. Index is an tab number in bmenuItems array.
It Must be > = 0;


Q: However, I did not see how you get the content of link value of the tab to display below horizontal tabs.

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],