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

Menu Screenshots

Javascript Menu Collapse Dhtml Sliding Menus

Features

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!
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Mouseover Vertical Menu Javascript Menu Collapse
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu collapse menus easily and in no time
  • Sensible menu parameters for manual editing
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: The menu is the table imbedded to the layer.

If you want to center the menu paste itwithin the <div>> or <table> with a static position and specify a center alignment for it, for example:

<div align=center>
<script src="data.js"></script>
</div>

Please, set exact value for   var menuWidth parameter, for example:

  var menuWidth = "500px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
  var absolutePos = 0;

If you want to use absolute position for the menu, use varabsolutePos=1 instead of absolute position for div.


Q: Hello I purchased the deluxe menu for single website. I have a mac computer and cant open the exe installation file of drop down menu maker inside of it. Can I get around this problem? Please help asap.

A: Download trial package from our website on MAC.

You can find HTML version of drop down menu maker (MAC version) there.

See more info:

http://deluxe-menu.com/deluxe-tuner-info.html



Q: I am creating buttons for my web page and I can't find where I assign hyperlinks to the individual java menu items? Where is it located?

A: Create your java menu in Deluxe Tuner.

Add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window. Select menu item and set parameters (item text, link,icons, tip, target...) on the "Item Parameters" window.See also other parameters for the menu on the main window.

More info about java menu parameters you can find on our site
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html


You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html



Q: Where do I increase the width of the javascript menu bars for each entry? Some of my links are a bit longer than the image and it's causing it to use part of another gif to cover it. Sorry not sure if I even explained that right. Let me know if this makes sense.

A: I suppose that you're using Vista style templates.

The width of vista images is 94px. If the width of your menu itemis wider than 94px you should correct the width of the images in anygraph editor, for example in Photoshop. You should set the width ofthese images 120px and set the following parameter:

  var itemStyles = [
["itemWidth=120px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=bold 10pxTahoma","fontColor=#FFFFFF,#F8FF95","itemBackImage=columbine.files/btn_orange.gif,columbine.files/btn_orange2.gif"],
];

You can also try to use the following parameter to use combinedbackground for your items:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';