Mootools Tree Menu by
Mootools Tree Menu

Buy Now!  Free Trial Download

Menu Screenshots Mootools Tree Menu

Mootools Tree Menu Tree Menu Tutorials

Features Mootools Tree Menu

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".
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
Horizontal Tree Menus Mootools Tree Menu
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your mootools tree 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 mootools tree menu 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.

  • 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 Mootools Tree Menu

Q: I'm testing out your cascading html menu but I cannot seem to see the live version of it on line. I can view it on my computer but I cannot send a link to my coworkers so they can view it also. Am I putting the code in the right location? Please point me into the right direction.

A: It is not correctly to call data file inside H2 tag
<h2> <script type="text/javascript" src="test1.js"></script></h2>

You should write
<script type="text/javascript" src="test1.js"></script>
<script type="text/javascript" src="test1.js"></script>

Check that you uploaded dtree.js and test1.js files on your server.

Q: I have an interest in purchasing your product but wanted to ask a question to see if it would satisfy my needs.  The menu samples you have are all horizontal, can your menu go vertical?

A: To create vertical menu you should set the following parameter:

  var isHorizontal=0;

Please, try the trial version at first.

Q: Is there a way to use the smartscrolling function (for a vertical menu) on the MAIN menu instead of only for the submenu's?

A: You can't use scrolling in the main menu. But if you have verylarge menu you can use multilevel menu,

Theoretically we can do scrolling in the main menu, but we think that it will be better touse multilevel menu in that case.

Q: I'm trying to have two separate menus on my web page. I read what was written in your FAQs about multiple menus, but the response was too cryptic.

It seems to me that if the dmWorkPath for each menu is declared separately, then the menus should work separately (with no interaction). I did not find this to be the case.

Do you have more complete information about creating multiple menus on one page? I would like to understand the issues.

A: David, if you want to create multiple menus on one page you should only call several data.js files with the menu.

For example you can see templates.html. You can find this file in the trial package.