Vertical Tree Using Javascript by Deluxe-Tree.com
Vertical Tree Using Javascript


Buy Now!  Free Trial Download

Menu Screenshots Vertical Tree Using Javascript

Vertical Tree Using Javascript Pulldown Menu Tree

Features Vertical Tree Using Javascript

Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical tree using javascript menus easily and in no time
  • Sensible menu parameters for manual editing
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
Tree Hiding Browser Menu Vertical Tree Using Javascript
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and items
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".
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical tree using javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • These effects will make your menu more attractive and stylish. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions Vertical Tree Using Javascript

Q: Your product is great. I do have one question for you however.

Right now the dropdown (subitem) menus appear based on the smShowPause variable, and disappear based on the smHidePause variable. It is sometimes awkward for users to mouse off the subitem menu that has dropped down, only to have it still hanging there. Reducing the smHidePause variable is not an option because then the menu often disappears before a user has selected a menu option.

The ideal solution is the have the subitem menu recognize when the user has moused off the menu, and then disappear. Is this possible?
if not, I definitely suggest incorporating it into your next build!


A: Try to set these parameters:

  var transition=0;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;

  var smShowPause=200;
  var smHidePause=200;


Q: But where on javascript drop down menu creator I can set the dmsearch=2 ? I can't find it, there isn't an option or submenu for the search box on the left side of deluxe tuner.

A: Use last version of javascript drop down menu creator v3.2.

You can find

  var dmSearch=2;

parameter in the "Advanced" section of parameter's list.

Then you should select an item (where you want to add search box), forexample first item and add

search:value='search...' style='border:1px;width:60px;height:14;font-size:10px;'

code into the "Link" field directly ("Item Parameters" window).



Q: How to set the icon vertically top when the menu in dhtml text is wrapped?

A: Unfortunately it is not possible to align icon vertically now.
But you can do it using html code within menu in dhtml items, for example:

  var menuItems = [


["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'> &nbsp;Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'>&nbsp;&nbsp;Product Info hgdgfjh &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaa aaaaaaa &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaaaaaaaaaaaaaaaaaa &nbsp; &nbsp; aaaa","", "", "", "", "", "", "", "", "", "", ],



Q: When my page loads up, there is a flash for about a second of all the text that is used in the java menus. This looks really bad to visitors like I am using hidden text on the page. Is there a way to prevent this flash of text?

A: I suppose that you see search engine friendly code.

<!-- Code for JavaScript Tree Menu Items. Generated by Deluxe Tuner -->
<div id="dmlinks" style="font:undefined;color:#000000;text-decoration:none">
<a id="dmI0" href="testlink.html">Home</a>
<a id="dmI2" href="testlink.html">Features</a>
...
</div>
<!-- End of Code for JavaScript Tree Menu Items -->

You won't see this text in most cases. We use it on our websites too.

But you can delete this code if you want.