Menu Accordeon Vertical Code by Deluxe-Menu.com
Menu Accordeon Vertical Code

Menu Screenshots

Menu Accordeon Vertical Code Java Onmouseover Example

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu accordeon vertical code samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Dhtml Menu Crossbrowser Menu Accordeon Vertical Code
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu accordeon vertical code menus easily and in no time
  • Sensible menu parameters for manual editing
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!
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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: I am interested in purchasing your product (in particular – Mac Tabs). I downloaded a trial to test Mac Tabs. The trial Mac Tabs is not the same as shown on your website where the “links” appear horizontally under the “tab”. In this trial version the “links” appear as tabs also and not in a horizontal bar under the tab.

In testing the XP Tabs trial, I found it worked correctly.

Is there something wrong with the trial version of Mac Tabs?


A: See, if you want to add links to the tabs you should create your tabmenu in Tab mode.
  var tabMode=1;

You can find all instructions how to create such tabs in the Templatewindow "MAC" tab.

You should add subitems for the items and assign Tab Style for thesubitems.

For example try to use MAC Style 2 Tab Mode.


Q: I would like to separate each main js dropdown menu item (Find an Expert, Contact...etc) with a dotted line graphic. If you look at the js dropdown menu, you will see that each graphic is separated by a dotted line. I am trying to replicate that look in the Deluxe Menu. Is there a way I can do that? I tried to use the "separatorImage" value in the DeluxeTuner, but it didn't seem to do anything. Is there a way to put a dotted border just along the bottom of them item, instead of around the whole item (like a box)? Or is there a way to insert the graphic between the items?

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems, for example:

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



Q: Hello, I have used your menus on a few different websites I have built and have never had a problem like this one. I will be purchasing a license if i can get this to function correctly. For some reason my php javascript menu icons are overlapping or repeating and appearing in a wrong place, but only in IE. In firefox it looks fine....and in safari, just not in IE. here is the temp link to the page. http://www.domain.com/indextest3.htm

Thanks for the help, the support has always been great in the past and i look forward to purchasing a license once this is resolved....

A:   var menuBackRepeat="no-repeat";

Check the following parameter also, you've set it incorrectly:
  var itemPadding="1px 5px 2px 10px1";

You should write, for example:
  var itemPadding="3px";


Q: This is great on last quesion how can I make the items on the top menu with java different colors? I looked at this example and cannot figure it out

http://deluxe-menu.com/data-templates/multiple-styles-1-template-sample.html

A: You should create Individual Item Styles and assign them to your topitems:

  var itemStyles = [
["itemBackColor=#CE9DE1,#B978D1",],
["itemBackColor=#84DA7A,#48D641",],
["itemBackColor=#5EA6E1,#507ECB",],
["itemBackColor=#54CDCA,#32ABA8"],
];

["Home","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
["Menu Samples","", , , , , "1", , , ],
["Purchase","", , , , "_blank", "2", , , ],
["Contacts","", , , , , "3", , , ],