Template: Hover Multi Level Tree Menu Accordion

Vista Style 7 Tree Dhtml Menu

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

    - Toggle-mode support. Animation effect for subitems
    - Icons for the expand/collapse buttons
    - Background image for the menu
    - Menu has a static position and is placed within the table cell

Key features:

    - Items with icons
    - different speed for an animation for submenus
    - Each item can have individual settings
    - Submenus automatically scrolls
    - Movable and floatable menu
    - Personal CSS styles for separate menu elements
    - Image arrows
    - Several menus on one page

Menu Screenshots Hover Multi Level Tree Menu Accordion

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

Features Hover Multi Level Tree Menu Accordion

Professional Look-n-feel

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

Easy Setup

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

Tree For Top Bar Hover Multi Level Tree Menu Accordion

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

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

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

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

Javascript Tree Menu. Expandable Menu.

Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
Don't permit your web site visitors to get lost. Try Javascript/DHTML Tree!

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

Recent Questions Hover Multi Level Tree Menu Accordion

Q: What I want to do is use your XP Tabs Template.
It appears fine in the Preview Pane but when I load it on my web page the sub-items are all listed on the same line as the tabs.

A: If you want to create subtabs in your menu you should use Tab Mode
var tabMode=1;
and write your bmenuItems in the following way:

var bmenuItems = [

["-","", "", "", "", "", "", "", "", ],
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["|SItem 226","", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["|SXP Tab 4","content4", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];
but in that case you can't assign the ID of the DIV to show when youclick on the tab. You can set the links only.

Q: Does your drop down menu creator work in Expression Web?

A: JavaScript Tree Menu wasn't developed as Dreamweaver/Frontpage/Microsoft Expression Web extension,
BUT you can use it as standard Javascript files.
To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags).

For info see: http://deluxe-menu.com/installation-info.html

That's all.

Q: I want to know how I can set a menu item to pressed
when a page is loaded in javascript drop down menus.

A: You should set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

Q: I am trying the menu and facing one problem…

The text is too large and doesn't wrap around.. instead it makes the dhtml menu layers wider.

My dhtml menu layers needs to be 175 px only.. if there are to many characters in the link, I like it to wrap around to the next line…

Any options?

A: You should set the following dhtml menu layers parameter:

var noWrap=0;

You can also use standard <br> tags inside item's text:

["All Card <br>Envelopes","", "", "", "", "", "", "", "", "", "", ],

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