Template: Tree Style Menu

Standard Tree Menu

Font, Colors, Borders, Images
- Use any available font style;
- Use any available border style and width;
- Use any color for items background, menu background, font, and borders;
- Assign images to icons, menu, items backgrounds.
Lines
Assign your own images for lines.

Key features:

    - Unlimited number of sub levels
    - different speed for an animation for submenus
    - Each item can have individual settings
    - Relative/Absolute menu position
    - Vertical orientation of the Tree Menu
    - Submenus have a fade effect
    - Movable and floatable menu
    - Items with icons

Menu Screenshots Tree Style Menu

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

Features Tree Style Menu

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed tree style menu samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

Menu Css Tree Tree Style Menu

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

Easy Setup

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

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

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

Javascript Tree Menu. Expandable Menu.

Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/disabled. Addition/removing of items. Changing of visibility of items. Collapsing/expanding of items. Getting the information on any menu, submenu and items. Other tricks. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

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

Recent Questions Tree Style Menu

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: When I want to have the same width of each item I use the individuel styles sometime it works and sometime not

A: See, when you use Individual styles to set the width for your items

var bstyles = [
["bitemWidth=150px"],
];

you should check that you haven't set the exact width for the menu

var bmenuWidth="250px";

Please, check it.

Q: I want javascript navigation menu to lock into place when someone visits a page. Is there a way to do this?

A: Try to set the pressed item using the following API function:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)
Sets a current pressed item.
menuInd - index of a dynamic menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
parentOpen = true/false - open all submenus to show the selected item

See example here:
http://deluxe-menu.com/highlighted-items-sample.html

Try to click 'Highlight "Product Info/Installation/Description ofFiles" item'.

You can also try to use the following parameter:
var smHidePause = 1000;
A delay (in ms) between mouse is moved from submenu and its closing.
You can make submenus to stay visible till you click outside the menu or scroll your page.
To enable this feature you should set this parameter in the following way: var smHidePause = -1;

Q: I need to place more than one html windows popup on a single page.

A: You can do it in two ways:
1) Call different data files with DIFFERENT winID:"window1"!

2) Call only one data file and use deluxePopupWindow.open() function to open your windows:
<a href="javascript:;" onclick="deluxePopupWindow.open('window1', 'Content1 Content1', 'Window1','width=220,height=100,resizable,scrollbars=no,middle,right,fade-effect','windowsvista_graphite')">Click Here to see a chase1 sample</a>

See more info:
http://deluxepopupwindow.com/window-installation-info.html
http://deluxepopupwindow.com/samples.html

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