Vertical Menus Expand Collapse Styles by Deluxe-Menu.com
Vertical Menus Expand Collapse Styles

Menu Screenshots

Vertical Menus Expand Collapse Styles Simple Menu Tutorial

Features

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
Horizontal Flyout Menu Vertical Menus Expand Collapse Styles
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical menus expand collapse styles 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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: I want to have one of the drop menus use a different image.
I am using thevista images and would like to have all of them but one use the same imageand the last one a different one. Can this be done?
If not I was able to adda second menu with the different image but for some reason the second menuwill not drop down. Can you help me with either of these?


A: You should create Individual Style for the last item and assign another image for it.

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","fontStyle=normal 11pxTahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-01.files/btn_black.gif,data-vista-01.files/btn_black_blue.gif"],
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBackImage=data-vista-2-03.files/btn_green.gif,data-vista-2-03.files/btn_green2.gif","fontStyle='normal11px Tahoma','normal 11px Tahoma'","fontColor=#FFFFFF,#FFFFFF"],];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], //style 0
...
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ], //style 0
["Contact Us","testlink.htm", "", "", "", "", "1", "", "", "", "", ], //style 1];


Q: I have been working with the trial package for the last couple of days, of which I have been really impressed with. However there have been a couple of things that have frustrated me greatly...

The natural place that I first tried was replacing the "content1" line with a direct URL in the   var bmenuItems section but this made no difference at all. I am also trying to work out what each set of "" equate to as I have found a couple of pages on the Internet very similar to this but none of them have nine different sections.

["Home","content1", "", "", "", "", "1", "", "", ],

Is it possible to allow one of the tabs on this template to just open another page? I look forward to your response in regards to these questions and hope to hear from you again soon so that I can crack on with this project.


A: You can't assign links in Dhtml Tabs when you're using   var tabMode = 0;.
You can assign only the object's ID of <div> on your page.

Try to set   var tabMode = 1;
and use links for your items.


Q: If you use firefox this displays fine, in IE it seems to add cell padding around the bottom & right edge of the dhtml image menu. Cant see it in the code anywhere.

A: Set the following parameter:

  var shadowTop=0;



Q: I can not figure out how to fix the menu from going off the page inMozilla by using html code. I don't know where to put the code. I would likeit to be flush right.


A: Try to set exact width for the menu width and menu height, try to specify unitsin "px":
  var menuWidth="500px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
  var menuHeight="20px";
You should also check your padding parameter, you should write it so:
  var itemPadding="1px 1px 1px 12px";