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

Menu Screenshots

Css Collapsible Menu Expand Javascript

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
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
Jscript Page Fade Transition Css Collapsible Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsible menu 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 css collapsible menu 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.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: I am evaluating various menu systems and need to know if your supports key navigation, like alt-F to select a menu?


A: Deluxe Menu has keystrokes support.

Use the following parameter to enable keystrokes support:
  var keystrokes = 1;
0 - disabled (default), 1 - enabled.

Ctrl+F2 - enter the menu/switch to next menu on the page.
Arrow keys - navigate.
Enter - enter the menu.
Esc - exit the menu.

Use also the following parameters:
  var dm_focus = 1; Show focus selection for selected item.
  var dm_actKey = 113; Key code for keystrokes activation.
Works with Ctrl key only.
Default value is 113 = F2 key, 114 = F3 key, 115 = F4 key, etc.

Please, try the trial version, http://deluxe-menu.com


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: I use Deluxe-Menu on my website and the nag message "Incorrect Copyright" appears in MS-Explorer V6 (not in Firefox though). How can I fix that?


A: Now you have:

<noscript>

<a href=http://deluxe-menu.com/><br><p>Javascript Menu by Deluxe-Menu.com</a></noscript>

You should write NOSCRIPT tag in the single line:

<noscript><a href=http://deluxe-menu.com/><p>Javascript Menu by Deluxe-Menu.com</a></p></noscript>


Q: Ich benutze Deluxe Menu 2.0! Beim InternetExplorer funktioniert das PullDown Menue nicht, bei Firefox und Opera gibt es keine Probleme.


A: Thanks for your interest in our products.

Try to delete OVERFLOW: hidden; parameter from the following style:

.randspalte {
BORDER-RIGHT: #666 1pt solid; OVERFLOW: hidden; BORDER-LEFT: #666 1pt solid; WIDTH: 16%; HEIGHT: 90%; BACKGROUND-COLOR: #bebed1
}