Template: Css Display Tree Structure

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:

    - Inactive/Disabled items
    - 3-state icons for each item
    - Filters and Transitional effects
    - Relative/Absolute menu position
    - Several menus on one page
    - Movable and floatable menu
    - different speed for an animation for submenus
    - Image arrows

Menu Screenshots Css Display Tree Structure

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

Features Css Display Tree Structure

Easy Setup

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

Tree Mouseover Menus Css Display Tree Structure

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

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

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".

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

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.

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

Recent Questions Css Display Tree Structure

Q: How can I open the links that I created for the web drop menu /sub-menu on the same window (not on a new window)

A: You can set target parameter for all items:
var itemTarget="_self";

or for each item individually:
["","testlink.htm","http://images.myregistry.com/images/myregistry/tabs/thingstodo.gif", "http://images.myregistry.com/images/myregistry/tabs/thingstodo1.gif", "Home Tip","_self", "0", "0", , ],

Q: The menu files need to be in EVERY directory that there is a page calling these files?

A: No you can use one folder with engine .js files.
But in your html pages you should write correctly your dmWorkPathparameter:

< script type="text/javascript"> var dmWorkPath = "./menudir/";</script>

and call dmenu.js file from the right place

<script type="text/javascript" src="./menudir/dmenu.js"> </script>

Q: I need to set individual itemtargets for a number of items in the navigation bar menu...

A: You can set target parameter for all items:

var itemTarget="_blank";
or
var itemTarget="main";

where main - is the name of the main frame where you want to open the link

or for each item individually:

["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
...
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],

Q: How to select a different background (colour or images) in the link drop down menu?

A: Actually you can create any menu you like with JavaScript Tree Menu.

You can use Individual Styles to set background image(color) for the items

var itemStyles = [
["itemWidth=92px","itemBackColor=#FFF000,#AAAAAA","itemBackImage=deluxe-menu.files/btn_black.gif,
deluxe-menu.files/btn_black_blue.gif"],
];

oryou can use images instead of icons (you should delete item's text).
["","", "deluxe-menu.files/btn_black.gif", "deluxe-menu.files/btn_black_green.gif", "", "", "", "", "", ],

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