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


Buy Now!  Free Trial Download

Menu Screenshots Tree Menu Js Example

Tree Menu Js Example Tree Vertical Cascading Menu

Features Tree Menu Js Example

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
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
Tree View Hide Menu Bar Tree Menu Js Example
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 tree menu js example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
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 Tree Menu Js Example

Q: We had to activate the tcloseExpandedXP to 1.
So far, that is OK. But as soon as we do so, The main menu-titles are aligning to the LEFT side! We could not get them to align to right as needed.

Any idea how this could be fixed?


A: You can try blank images before the top-menu items.

["<img src='blank.gif' width=84 height=12>Text","", , , , , , , , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=250&fa=1", , , , , "fmain", "5", , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=0&fa=6", , , , , "fmain", "5", , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=0&fa=2", , , , , "fmain", "5", , , , ],
 ["|Text","", , , , , , "5", , , , ],
["<img src='blank.gif' width=44 height=12>Text1","", , , , , , , , , , ],



Q: I have recently downloaded your menu, I love, and am definitely going to purchase it, however i do have a question, I made my site with dreamweaver mx, and it is designed in a series of tables, the main table is 3 column and on row, stretched at 100% width and length, the other tables are nested inside the middle column, I am trying to get the menu in the left column to float, I have read some of the other post in the support section, and I was wondering if their could be any <div> anywhere on the page or just before and after the menu script code?

here is the way my code is before and after the script code

<td width="17%" align="left" valign="top" background="images/LPback.png">
<script type="text/javascript" src="data.js"></script>
</td>
this defines the column in which I want the menu to be,

here is my code for the floatable menu
//--- Positioning
  var tabsolute=1;
  var tleft="0px";
  var ttop="205px";

//--- Floatable Menu
  var tfloatable=1;
  var tfloatIterations=10;
  var tfloatableX=1;
  var tfloatableY=1;


A: You should add the following parameter:

<script type="text/javascript">  var tWorkPath="data.files/";</script>

See more info about installation here:
http://deluxe-tree.com/installation-info.html

You should also add dtree_add.js file in the "data.files/" folder.


Q: I am sure this is a pretty minor thing…When one of my dhtml menu dropdown items is a link to a url, is there a setting to change the cursor to a hand versus the normal arrow? Basically, I want the links of the dhtml menu dropdown items to look like most other links on any webpage.

A: Try to set the following parameter:

  var itemCursor="pointer";



Q: I was able to install the rollover dropdown menu pretty easily. However, how do I make the text of it bigger for the main items? I can change the text easily for the subitems.

I can't find anyway to do this. Also, if I edit the size of the before/after for the buttons, do I need to edit anything else in the javascript? Most of their heights is 23px but I wnat to make it 27px.

Let me know and I will purchase the software if I can get it to work.

A: Try to change Individual Item styles. I suppose that you're usingIndividual style for the top items now.