Jquery Collapsible Menu Icons by Deluxe-Menu.com
Jquery Collapsible Menu Icons

Menu Screenshots

Jquery Collapsible Menu Icons Vertical Menu Using Javascript

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery collapsible menu icons menus easily and in no time
  • Sensible menu parameters for manual editing
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
Vertical Menu Os X Jquery Collapsible Menu Icons
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery collapsible menu icons 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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: How to include the search box in the navigation menubar?

A: Use the following javascript menu parameter to enable/disable the "search support" for the Deluxe menu:

  var dmSearch=2;

0-nosearch; 1-ordinary search (within one level of submenus only); 2-recursive (within the whole menu).

Set item's link to "search:", for example:

["","search:value='search...' style='border:1px;width:60px;height:14;font-size:10px;'", "", ],

Q: We are actually very happy with the product compared to the other options available. The code is cleaner and it is easy to use. We would actually like to continue to use your product but our client uses firefox most of the time and if the javascript onmouseover menu won't go over the java applet it isn't going to work. You mention that you will try to fixthe issue. If you can give me a date to when it would be fixed by, I can try to convince our client to wait.

Please let me know as soon as possible.

A: Actually Deluxe Menu v3.2.5 overlap applets in Firefox.

See the attached example.
You should set

  var useIFRAME=1;

parameter.



Q: I purchased the right to use deluxe-menu because I liked how it worked versus my old menu which is your competitor (milonic menu) in the javascript driven menu market.
However, after using your menu for a few months, I have discovered a problem. When I bought the menu, the claim was made it worked with all doctypes. I use "strict" on my web site and want my pages to validate as strict with W3C or WDG validators.
I get a notice of incorrect copyright when I remove the link to yoursite in the heading of the document. Since this line does not validate,I feel that you should provide an adequate alternative to having a unsubstantiated line in your html code. I have looked over the FAQ on your site and have found no remedy. You have a wonderful product and I wish to continue to use your menu. But this one little bugaboo surely can be fixed on your end by altering the requirement to keep the incorrect copyright from appearing even though it shouldn't appear in my opinion.
For instance, I can alter the line and make the link invisible.

Example: <noscript><a href="http://deluxe-menu.com"></a></noscript>

By making the link invisible with no text, it will mean nobody would see the blatant ad for your site. The incorrect copyright notice does not appear under those circumstances, however it still does not validate.

I just want to create web pages that validate! Please help me as a struggling web author to achieve my goal and still use your menu which I paid for! Thanks for any help you can give me.

I love my deluxe-menu! Please help to keep using it.


A: Thanks for your interest in our products.

Try to move <noscript> tag into the <body> tag.


Q: Can you tell me what fields control the lines around the top level of menu items?
What fields control the lines around each sub-menu item?
I would like to test and see if the program will allow me to create a top menu that displays as follows:
Home   |   Proposal Reponses   |   Marketing Info   |

As you can see I would like no borders around the top level and a tilda (vertical line) separator between each top level menu item.

For the sub-menu items I would like there to be a thin line box around the sub-menu but no lines in between each item within the sub-menu. What fields control these paramenters?


A: Home   |   Proposal Reponses   |   Marketing Info   |

Yes, you can create such menu.

Please, use Individual styles.

Set these parameters:
  var menuBorderWidth=1;
  var menuStyles = [
["menuBorderWidth=0"], //style 0
];

["Home","testlink.html", , , , , , "0", , ], //style 0
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],

To add lines between main items you can paste the separators.

Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];