Template: Html Tree Menu Example

XP Style Olive Floatable Menu Tree

Floating Menu Tree
- When the page is scrolled the menu remains visible (parameter: var tfloatable).
Try to scroll the page.
- The menu can "float" along one or two coordinate axes with different speed
(parameters: var tfloatableX, var tfloatableY, var tfloatIterations).

Key features:

    - Movable and floatable menu
    - Image arrows
    - Each item can have individual settings
    - Vertical orientation of the Tree Menu
    - Several menus on one page
    - different speed for an animation for submenus
    - Status string shows item labels
    - 3-state icons for each item

Menu Screenshots Html Tree Menu Example

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

Features Html Tree Menu 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

Easy Setup

De Luxe Tuner. GUI interface to create your html tree menu example menus easily and in no time
Sensible menu parameters for manual editing

Mouseover Menu Tree Html Tree Menu Example

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 html tree menu example samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

Javascript Tree Menu. Expandable Menu.

Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
Use special prefixes for image paths and links to make paths absolute.
You can assign your own images for lines.

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

Recent Questions Html Tree Menu Example

Q: I have a problem. How can we get the value of a parameter passed by the menu, when a menu item is clicked? For example I want to get the URL or file name to be open by the menu item when it is clicked.
I am talking about TREE menu.

A: If you want to open url or a file when you click on items of the tree menu you can write, for example:

var tmenuItems = [
["+DHTML Menus","http://dhtml-menu.com", "images/xpicon1.gif", , , "DHTML Menus", , "0", , , , ],
["|Save as...", "javascript:OpenFile('file_name')"]

];

Q: If you look at my page in IE 7, the position of the submenus is too far over to the left from drop down menu. It is fine in Firefox.
Do you have any suggestions on this??

A: Try to set exact width for the menu:

var menuWidth="600px";

Q: In the navigation bar below (done in Spanish) I am trying to display the word “Niños” (Children) but looks like this special character is not displayed correctly. How I fix this?

A: Try to write it in the following way:“Niños”

Q: Is it possible for dhtml vertical tabs to have a link on page that links to
second page by passes the default setting then selects and displays
the information in the tab you need?

A: You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">
Click to open the third tab
</DIV>

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