Template: Hover Multi Level Tree Menu Accordion

Vista Style 5 Dhtml Tree Menu

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:

    - Personal CSS styles for separate menu elements
    - Inactive/Disabled items
    - Submenus have a fade effect
    - Unlimited number of sub levels
    - Relative/Absolute menu position
    - Filters and Transitional effects
    - Vertical orientation of the Tree Menu
    - 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

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

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

Tree Country Dropdown Script Hover Multi Level Tree Menu Accordion

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

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

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

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

Javascript Tree Menu. Expandable Menu.

There can be as many submenus as you want.
Use a mouse to drag a menu as a usual window.
When the page is scrolled the menu remains visible. The Javascript/DHTML Tree can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.

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

Recent Questions Hover Multi Level Tree Menu Accordion

Q: How do I change the background color for the floating drop down menu

A: To change menu colors you should change the following parameters:

  var menuBackColor="#F2F3F2";
  var itemBackColor=["#F2F3F2","#535353"];

You can also use Individual Item Styles to change the color of the specific items:
  var menuStyles = [
["menuBackColor=#F2F3F2"],
];

  var itemStyles = [
["itemBackColor=#F2F3F2,#535353"],
];

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: Is it possible to integrate a search window for my customers in your apycom dhtml menu..

A: You can use any html code within your menu items.

To add input area and a button you should write your menu item in thefollowing way:

["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],

You should also add your own code that search has functioned.

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

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