Template: Free Css Tree Menu

XP Style Green Dynamic Tree Control

Disable/Enable Items
Some of items can be disabled by default.
To disable the item set item's target to "_".
For example:
["My Item", "mypage.html", "icon1.gif", "icon2.gif", "icon3.gif", "Short Tip", "_"]
On this example items "Sample 6", "New Sample 2", and "New Sample 5" are disabled.

Key features:

    - 3-state icons for each item
    - Image arrows
    - different speed for an animation for submenus
    - Status string shows item labels
    - Submenus expand/collapse on mouseover
    - Several menus on one page
    - Vertical orientation of the Tree Menu
    - Each item can have individual settings

Menu Screenshots Free Css Tree Menu

Buy Now! :: Free Trial Download :: More Info

Features Free Css Tree Menu

Easy Setup

De Luxe Tuner. GUI interface to create your free css 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 free css tree menu samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Absolute Menu Tree Free Css 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".

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

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Buy Now! :: Free Trial Download :: More Info

Javascript Tree Menu. Expandable Menu.

There can be as many submenus as you want.
Use a mouse to drag a menu as a usual window.
When the page is scrolled the menu remains visible. The Javascript/DHTML Tree can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.

Buy Now! :: Free Trial Download :: More Info

Recent Questions Free Css Tree Menu

Q: Could you please tel me : How to use UN-Code on the item. I make some menu based on Farsi language ( Arabic) , but it does not work.

A: You're able to use any characters for JavaScript Tree Menu in the same way asyou use them for standard html page.
The only issue is that submenus can be shown in incorrect positionwhen you're using dir=rtl for your page.

  var dmRTL = 0;
Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.

Use also
  var smViewType = 2;
for right-to-left languages.

Please, see example:
http://deluxe-menu.com/ways-showing-submenus-sample.html

This examples demonstrates how the menu can change a submenusdirection. Use   var smViewType parameter to change a submenusdirection:

  var smViewType = 0..3;

Values:
0 - from left to right;
1 - from left to right + upwards;
2 - from right to left;
3 - from right to left + upwards;

In JavaScript Tree Menu when you call data .js file you can try to specify the encoding:

<script src="data.js" charset="utf-8"></script>

Unfortunately, you can't use arabic characters in Deluxe Tuner application.
You should manually correct your code.

Q: Is it possible to make on top of the javascript expandable tree 2 extra buttons:

* Expand all
* Collapse all

Which command do I use???

A: Tree Menu doesn't have such a feature now.

You can write your own function based on the following API functions:

function dtreet_ext_showItem (itemID, visibility)
function dtreet_ext_expandItem (itemID, expand)

Q: I am evaluating various menu systems and need to know if your supports key navigation, like alt-F to select a menu?

A: JavaScript Tree Menu has keystrokes support.

Use the following parameter to enable keystrokes support:
  var keystrokes = 1;
0 - disabled (default), 1 - enabled.

Ctrl+F2 - enter the menu/switch to next menu on the page.
Arrow keys - navigate.
Enter - enter the menu.
Esc - exit the menu.

Use also the following parameters:
  var dm_focus = 1; Show focus selection for selected item.
  var dm_actKey = 113; Key code for keystrokes activation.
Works with Ctrl key only.
Default value is 113 = F2 key, 114 = F3 key, 115 = F4 key, etc.

Please, try the trial version, http://deluxe-menu.com

Q: Is there a way to center the primary navigation and left-align the drop down for themenu script ?

A: Set the following parameters:

var itemAlignTop="center";
var itemAlign="left";

Buy Now! :: Free Trial Download :: More Info