Vertical Smooth Expand Down Menu by Deluxe-Menu.com
Vertical Smooth Expand Down Menu

Menu Screenshots

Vertical Smooth Expand Down Menu Vertical Navigation Javascript

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical smooth expand down menu 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!
Javascript Onmouseover Fade Vertical Smooth Expand Down Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical smooth expand down menu 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
Cost Effective



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: How do I set the width of sub menu items to be the same width as the parent horizontal dhtml menu item? I can see how to set a px or % width, and when the at least one sub menu item exceeds the parent item the the entire menu stretches to that width (which is fine), but what about the instance where the sub menu items are not as wide as the parent item - in this case, the sub menu is not as wide as the parent item, which looks odd. Is there any way to force it to be (at least) the same width as the parent item?

I hope this is all clear to you, if not, please give me a shout for clarification.

A: You can set exact width for your top items using Individual Item Styles and set submenu width usingIndividual Submenu Style.

You should also set the following parameter:
  var noWrap=0;


Q: I have a new poblem. The submenus of my dropdown menu php are going up instead of down.

A: You should set the following parameter:

  var subMenuVAlign="top";



Q: Thank you. I got the menu working on my web page.

Now, I have to pass dynamic value from the link when the user click the floating javascript menu.

I was using a table type of menu and passing value like this

<td onclick="document.iframename.location.href='abc.jsp?value1=<%value1%>&value2=<%value2%>Click here</td>
What should I do to the deluxe-menu to get the same action?
I need to pass value to next page. The value is dynamic, so I have to use <%value1%> notation for JSP file.

A: Actually you can use your own Javascript code instead standard links. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];

or

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", ""]
];



Q: http://deluxe-tabs.com/file/templates/deluxe-tabs-style-5.html

I like the transitional fade of onclick tab data between tabs of this menu, but I don't see anything in Transitional Effect variables to manipulate this.

A: You can set transitional effects in the "Transitional Effects"section in Deluxe Tuner.

//--- Transitional Effects
  var btransition=24;
  var btransOptions="";
  var btransDuration=300;

Notice that Transitional Effects are supported by IE5.5+ only.