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

Menu Screenshots

Jquery Vertical Collapsible Menu Html Cascade Menu Code

Features

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
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!
Relative Position Drop Down Menus Jquery Vertical Collapsible Menu
Cost Effective
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 jquery vertical collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: We want to evaluate Delux Menu(DM). But before doing any testing I want to ask few questions.

-#1 Can DM support context menus on right click with in a DIV and on a button click.

ex: I have a Options button on the web page and also a DIV which is transformed using xml and xsl.

Onclick of the button and right click within the DIV area should popup the same menu.

I have various DIVs and each DIV has its own context menu.

-#2 Any issues like IE memory leaks by using DM. I am asking this we are having some issues with the present menu control we are using. IE hangs up when the web page is idle for more than 20 mins.


A: 1. Deluxe Menus supports such a feature. Please, go tohttp://deluxe-menu.com, section "Samples->Functional Samples->Popup Menu"

You can create any number of menus on a page.

2. We don't know about such a problem with Deluxe Menu. Please, try atrial version of DM. It has a full functionality.


Q: Hi There. I wanted to use your product, but couldn’t figure out how multiple users could get varying menus using the file driven approach.

I currently use a java menu that I build on the fly without any files.

The only thing I could come up with was having each user refer to his/her own data.js file, that I can build on demand.
Does that make sense to you?


A: Deluxe Menu is Javascript code only. It requires several .js files andit's generated on a client side.

Theoretically it is possible to have varying menus for multiple users.You should create your own server-side script (for example, php) thatwill change the menu for your users. The menu doesn't support such afeature.


Q: Hello. I had a question about the vista templates. Is it possible to extend the width on the java menu buttons to get more text in them? I put to much text and the button is repeating itself. Is there a way to extend the width of the button without the repeat?

A: See images in Vista Templates have the fixed width and height (92 x 21).

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

  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 ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif



Q: Actually, we figured out how to adjust the alignment of the text. What we would like to do is set a specific width for each item on the top level of the menu. Right now the width of the menu is based on the length of the item in that hotspot. We would like the width of each of those options to be the same.


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=123px"], //style 0
["itemWidth=150px"], //style 1
];

  var menuItems = [

["Home","testlink.html", , , , , "0", , , ], //style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "0", , , ], //style 0
["Text","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "1", , , ], //style 1

Try that.