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

Menu Screenshots

Collapsible Menu Css Web Menu Tutorial

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapsible menu css samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Scroll Javascript Popup Collapsible Menu Css
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 collapsible menu css menus easily and in no time
  • Sensible menu parameters for manual editing
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.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: I need to set individual itemtargets for a number of menu items for the web drop down menu?

A: You can set target parameter for all items:
  var itemTarget="_blank";

or  var itemTarget="main";

Where main - is the name of the main frame where you want to open the link.

or for each item individually:
["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
...
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],





Q: We are a registered user of deluxe menu.
We are using your Deluxe-Menu.
We have one problem we have implemented menu in our html page.
It works very well in IE but there is a problem in firefox.
It display gap between two menu.



A: 1) You can move search engine friendly code inside the NOSCRIPT tag:
<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<noscript><a href=http://deluxe-menu.com/>Javascript Menu by Deluxe-Menu.com</a>
<div class="dmlinks" style="font:normal 11px Verdana;color:#000000;text-decoration:none">
<a href="default.html">Home</a>
<a href="products.html">Products</a>

...
<a href="channel_partners.html">Partners</a>
<a href="feedback.html">Feedback</a>

<a href="http://blogs.innowera.biz">Blogs</a>
</div>
<!-- End of Code for Deluxe Menu Items -->
</noscript>

You won't see links when your page loads in that case.

2) You should specify the following parameter:
  var itemSpacing="0";


Q: I was able to install the rollover dropdown menu pretty easily. However, how do I make the text of it bigger for the main items? I can change the text easily for the subitems.

I can't find anyway to do this. Also, if I edit the size of the before/after for the buttons, do I need to edit anything else in the javascript? Most of their heights is 23px but I wnat to make it 27px.

Let me know and I will purchase the software if I can get it to work.

A: Try to change Individual Item styles. I suppose that you're usingIndividual style for the top items now.



Q: No matter where I paste the script in the html for the drop down menu I created, it shows up at the top left corner of the page.

I would like it to go below the blue banner at the top of the page.
Please advise as to what I am doing wrong.


A: Now you're using absolute position for the menu:

  var absolutePos=1;
  var posX="10px";
  var posY="10px";

Try to use relative position

  var absolutePos=0;
  var posX="10px";
  var posY="10px";