Javascript Menu Collapse by Deluxe-Menu.com
Javascript Menu Collapse

Menu Screenshots

Javascript Menu Collapse Vertical Navigation Menu Template

Features

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
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!
Vertical Css Drop Down Javascript Menu Collapse
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu collapse samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • 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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Do you have a menu that allows the sub-items to 'slide' out from the menu?
For example, you mouse-over the first button, and the sub menu slides from 'underneath' the button from left to right?


A: You should to use transitional effects.

Try to set
  var transition=6;
  var transOptions="";
  var transDuration=350;
  var transDuration2=200;

But notice that transitional effects are features of Internet Explorer5.5+ only.
See more info here:

http://deluxe-menu.com/filters-and-effects-sample.html

Try that.


Q: I am just starting to work with deluxe menu for a site that I am developing. I will soon be going through the purchase of a license but have not yet reached that point.
At the moment though, as I build the framework for the site locally on my computer, I notice that the menu behave a looks differently in IE 6 and Firefox (I am focusing on a CSS base menu). Is this something that will be worked out once I have purchased the licensing key or is there something else that I am missing?


A: Deluxe Menu works fine in all browsers.
Try to set exact width for the menu width and menu height, try to specify unitsin "px":
  var menuWidth="500px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
  var menuHeight="20px";
You should also check your padding parameter, you should write it so:
  var itemPadding="1px 1px 1px 12px";

You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.


Q: How can I declare the "delay" time for the opening js popup window?


A: You should set the following parameter:

openAfter:20,
Open after time (secs).


Q: I would like all my submenus of the html menu to appear in the same location on the page and not relative to the parent menu item.

A: You can do it using the following parameters:

  var subMenuAlign = "left"; - Horizontal alignment for submenus.

"pleft", "pcenter", "pright" - alignment relative to the parent submenu.

  var subMenuVAlign = "top"; - Submenus vertical alignment.

"ptop", "pcenter", "pbottom" - alignment relative to the parent submenu.