Free Javascript Vertical Collapse Menu by Deluxe-Menu.com
Free Javascript Vertical Collapse Menu

Menu Screenshots

Free Javascript Vertical Collapse Menu On Right Click Menu Dhtml

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
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!
Java Tree Example Free Javascript Vertical Collapse Menu
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free javascript vertical collapse menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: The button menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them.
I have stretched the menu out tocover the whole of the top of the page but i need to get these lines out of the menu.

Can you please help me with this problem


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

  var itemStyles = [

["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0",
"fontStyle=normal 11px Tahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background 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: I am using deluxe menus and have a problem with images not downloading when the page loads. Is there a way to instruct the menus to preload the images instead of waiting until a person mouse overs the basic drop down menu for the first time?

I am using images that are called via stylesheet.

A: Please try to add the following basic drop down menu parameter:

  var dm_writeAll = 1;



Q: I made a css tab menu on this website and I noticed that I need to click two time to get the link.
It doesn't work if I click only one time. Could you help me to fixe that ?

A: You should set correct selected item:
  var bselectedItem=2; //0,1,2...

Set also:
  var tabMode=0;
  var bselectedSmItem=0;

In that case you should write your links in the following way:

["Hem","link:index.php?p=1_10", "", "", "", "", "", "", "", ],
["Om oss","link:index.php?p=1_11", "", "", "", "", "", "", "", ],
["Kontakt","link:index.php?p=1_12", "", "", "", "", "", "", "", ],


Q: All links in navigation bar examples open in a new window even when they're configured to open in the same page (or another frame).

A: Check the following parameters:
  var itemTarget="_self";

["menu item","link.htm", "", "","Tip", "_self", "", "", "", "", "", ],