Collapsible Html Tree by Deluxe-Tree.com
Collapsible Html Tree

Template: Collapsible Html Tree

Individual Style Java Tree Menu

Animation and Effects
- Click on titles of submenus - submenus will collapse or expand.
- Submenus have a fade effect in Internet Explorer when you collapse/expand them,
   so your menus look like original menus in Windows XP Explorer.
- You can set different speed for animation (parameter: var tXPIterations)

Key features:

    - Vertical orientation of the Tree Menu
    - Filters and Transitional effects
    - Submenus have a fade effect
    - Unlimited number of sub levels
    - Inactive/Disabled items
    - Several menus on one page
    - Submenus expand/collapse on mouseover
    - Each item can have individual settings





Buy Now!  Free Trial Download

Menu Screenshots Collapsible Html Tree

Collapsible Html Tree Code For Submenu Tree

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

Features Collapsible Html Tree

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapsible html tree samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Tree Expanding Navigation Menu Collapsible Html Tree
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsible html tree menus easily and in no time
  • Sensible menu parameters for manual editing
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".
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
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 Collapsible Html Tree

Q: I'm creating a "Clear" style dhtml menu and for whateverreason it automatically spaces the menu items unevenly.
For the life of me I can't figure out how to set the spacing evenly.

A: Try to set exact width for each top item using Individual Item Styles:

  var itemStyles = [["itemWidth=120px"],];

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", ],
["Item 2","", "", "", "", "", "0", "", "", ],
["Item 3","", "", "", "", "", "0", "", "", ],
["Item 4","", "", "", "", "", "0", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", ],
];



Q: How do I set the width of sub menu items to be the same width as the parent horizontal dhtml menu item? I can see how to set a px or % width, and when the at least one sub menu item exceeds the parent item the the entire menu stretches to that width (which is fine), but what about the instance where the sub menu items are not as wide as the parent item - in this case, the sub menu is not as wide as the parent item, which looks odd. Is there any way to force it to be (at least) the same width as the parent item?

I hope this is all clear to you, if not, please give me a shout for clarification.

A: You can set exact width for your top items using Individual Item Styles and set submenu width usingIndividual Submenu Style.

You should also set the following parameter:
  var noWrap=0;

Q: I have problems with the incorrect copyright in IE7 – I have tried to change as described on your FAQ but it doesn¦t seem to work.


A: Scott, now you're using dmenu.js file v1.14 and data.js file of JavaScript Tree Menu v2.0.
Please, replace dmenu.js file with the licensed one v2.0.

Please, place all this files in the folder where your menu iscreated in.


Q: The arrows on my cross browser javascript menu only show on the main page of my website (www.domain.com). I read the FAQs and the problem seems common and related to a path error. My path appears correct (to me anyway..lol) but it still doesn't work.

A: Try to use absolute path to your images. Set the following parameter:

  var pathPrefix_img="http://www.domain.com/";

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