Jquery Collapsible Multi Level Side Menu by Deluxe-Menu.com
Jquery Collapsible Multi Level Side Menu

Menu Screenshots

Jquery Collapsible Multi Level Side Menu Menubar And Javascript

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
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
Simple Vertical Drop Down Menus Jquery Collapsible Multi Level Side Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery collapsible multi level side 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 jquery collapsible multi level side menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: We are using your menu in a website here under development:

There is a problem with mac browsers - safari and firefox. The flash stops and goes blank when the html menu dropsdown.

We have tried numerous fixed including the one outlined on your website here:
http://deluxe-menu.com/objects-overlapping-sample.html

Here is the link to our html menu file link/file to the menus: -> http://domain.org.au/js/menu

Any assistance you can provide would be appreciated.

A: Now you hide your flash on MAC using the following function:

function dm_ext_ruleObjectHide()
{
// Safari detect
if ((parseInt(navigator.productSub)>=20020000) && (navigator.vendor.indexOf('Apple Computer') != -1) && (navigator.product=='Gecko'))
return true;
else
return false;
}

Try to delete this function, try to set the following parameter also:
  var dmObjectsCheck = 0;


Q: Where do I increase the width of the javascript menu bars for each entry? Some of my links are a bit longer than the image and it's causing it to use part of another gif to cover it. Sorry not sure if I even explained that right. Let me know if this makes sense.

A: I suppose that you're using Vista style templates.

The width of vista images is 94px. If the width of your menu itemis wider than 94px you should correct the width of the images in anygraph editor, for example in Photoshop. You should set the width ofthese images 120px and set the following parameter:

  var itemStyles = [
["itemWidth=120px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=bold 10pxTahoma","fontColor=#FFFFFF,#F8FF95","itemBackImage=columbine.files/btn_orange.gif,columbine.files/btn_orange2.gif"],
];

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

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



Q: I have the cursor set as pointer – on some of the top menu items there is no link behind it yet the cursor still turns to a pointer.

Is there any way to have it so it only becomes a pointer if there is a link?


A: Unfortunately, you can set different cursor type for the menu items.


Q: I just downloaded the beta for IE8

http://www.microsoft.com/windows/products/winfamily/ie/ie8/readiness/Install.htm

And it looks like the java script menu code has a lot of issues with it. Are you guys going to be supporting IE8?

A: Yes, we're planning the full support for IE8 as well as for all major browsers.

All issues will be fixed with final version of IE8.