Template: Simple Tree Menu Javascript Chrome

Html Tree Menu Vista Style 4

The template emulates Vista OS menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - The menu have XP Style; Animation effect for subitems
    - Toggle-mode support.
    - Items have icons
    - Menu has a static position and is placed within the table cell

Key features:

    - 3-state icons for each item
    - Status string shows item labels
    - Submenus automatically scrolls
    - Relative/Absolute menu position
    - Personal CSS styles for separate menu elements
    - Unlimited number of sub levels
    - Inactive/Disabled items
    - different speed for an animation for submenus

Menu Screenshots Simple Tree Menu Javascript Chrome

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

Features Simple Tree Menu Javascript Chrome

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
Menu can be populated from a database using ASP, PHP, etc.
Search engine friendly
Support for any doctypes
Fits for secure sites

Easy Setup

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

Expandable Menus Tree Simple Tree Menu Javascript Chrome

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

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed simple tree menu javascript chrome 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.

You can create any style for XP menu:
different icons, colors, and buttons for each submenu title;
any color for borders, backgrounds, and font of menus and items;
any available font style; and many other options!
Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
These effects will make your menu neat and chic. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

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

Recent Questions Simple Tree Menu Javascript Chrome

Q: Is it possible to change the mouseover font style to bold within the deluxe menu?

A: Unfortunately, JavaScript Tree Menu can't change font weight.
If you want to do that you can paste your own <div> withinitem's text field and change a font yourselves.

For example:

***

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
}

var menuItems = [

["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>item text</div>", link, ...]

];

***

Q: I see you have a right click in expanding menu javascript, is this function available in JavaScript Tree Menu?

A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.

However, you can achieve this by using standard html objects within items, for example:

var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];

Q: Working with dhtml tab menu, how do you place content under them?

A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center>>img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

Q: What is the purpose of the blank image file in the Parameters panel of the create dhtml menu software?

Also, would you please direct me to a site or documentation that would provide information on such details?

A: If you won't use some images in the menu for examplearrows the blank image will be used.

So, you should set correct path to it.

You can find all documentation on our website.
http://deluxe-menu.com/parameters-info.html

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