Html Css Collapsible Menu by Deluxe-Menu.com
Html Css Collapsible Menu

Menu Screenshots

Html Css Collapsible Menu Dhtml Rolldown Menu

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html css collapsible menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • 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".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Creating Menu Java Script Html Css Collapsible Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your html css collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
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
  • Section 508 compliant



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: Thanks for your reply, I have another question as follow, I find the tree menu just expand one tree item, if I have expanded one tree when I click it, whether I click another tree to expand it's item and the before expanded tree are maintain expanded, I don't want to close it?

A: Use the following parameters:

  var tcloseExpanded = 0; - Enables the mode when 1 item only can be expanded.
0 - disabled, 1 - enabled.

  var tcloseExpandedXP = 0; - Enables the mode when 1 submenu only can be expanded (XP-style).
0 - disabled, 1 - enabled.

You can also try to set the following parameter:

  var texpandItemClick = 1; - 0 - expand items on a [+]-button click only;
1 - expand items on a mouse click.

See more info about menu parameters here:

http://deluxe-tree.com/parameters-info.html



Q: I'm using the deluxe-tree; my dynamic tree menu is very long; and the page has a vertical scroll bar as a result. My question is, does the dynamic tree menu support anchors? So let's say I do mypage.aspx#mynode, and mynode is a tree-node, and happens to be on the bottom of the page, can we make it so that the user goes to that node, without him using the vertical scroll bar?

A: No, it is not possible.
But you can collapse your tree menu by default:
  var texpanded=0;

and use API functions to expand the specific items based on the page you are now:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html

Example:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html




Q: I just bought a developer version but I am having troubles using the javascript rollover menu which is shown right above an embedded flash movie. Although i followed the instructions on the website, i experience major problems using Opera 9.2.0 and Firefox 2.0.0.15.

A: Check that you've set opaque parameter to <object> and <embed> tags.

You can also send us a direct link to your website, so we can check it.



Q: Is there any way to call a javascript function on mouseover from a menu item?

A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];

  var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];

Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onMouseover='your_code_here'>item text</div>", "index.html"]
];