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

Menu Screenshots

Jquery Collapsible Menu Dropdown Menu Cascade

Features

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

  • 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 have followed the instructions on

http://deluxe-menu.com/objects-overlapping-sample.html

but when my page is viewed over https the html menus still appear behind Flash objects.

Is there anything else that can do to fix this?

A: Try to set the following parameter:

  var useIFRAME=1;



Q: When I click into a field and the calendar pops up that it doesn't pick up the date/time values.

I can display time in 12 or 24 hour format - however for the selection it only allows 24 hour format. My boss is yelling at me that it has to be in 12 hour selectable format.

A: > when I click into a field and the calendar pops up that it doesn't
> pick up the date/time values.
But you haven't specified hour in the date format. Now you have
%L %d, %Y, %l: %M %p
month day year abbreviated month name minute either `am' or `pm'
So, you have: January 29, 2009, Jan:54 am
See more info about conversion specifiers here:
http://calendardatepicker.com/parameters.html

> 2) I can display time in 12 or 24 hour format - however for the selection it
> only allows 24 hour format. My boss is yelling at me that it has to be in 12
> hour selectable format.

Try to specify date format in the following way:
%L %d, %Y, %l, %I:%M %p
So, you'll have: January 14, 2009, Jan, 03:50 pm


Q: If there is a possibility to change the dhtml dropdown menus?

A: You should use API functions.

dtreet_ext_changeItem (menuInd, itemID, itemParams)

More info you can find here:

http://deluxe-tree.com/functions-info.html



Q: I am curious why there are no font settings for "Individual Styles" for"Submenu styles".

Basically I want to have a different font and color for my submenu items so they appear differently than the normal primary Items - but it seems there is only two options for fonts:

- The global font parameters affecting all fonts (primary and sub).
- And the Individial Styles for primary Item Styles.

Why no font paramenters for Submenu Items?


A: You can assign Item Style for the submenu item too.

See the example:

  var itemStyles = [
["fontStyle=normal 13px Comic Sans MS"], //item style 0
];
  var menuStyles = [
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //item style 0
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , "0", , , ], //item style 0