Features

Easy Setup

De Luxe Tuner. GUI interface to create your menu desplegable transparente javascript vertical menus easily and in no time Sensible menu parameters for manual editing

Cost Effective

Starts at just $39. Buy Now! FREE for non-commercial websites. Order Now! No-limits free trial version. Download Now!

Dropdown Navigation Bars Menu Desplegable Transparente Javascript Vertical

Professional Look-n-feel

Entirely customizable look-n-feel A lot of pre-designed menu desplegable transparente javascript vertical 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!

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

Recent Questions

Q: I would like to add a javascript link but cannot seem to get it handle the event as a tag or onclick event. I just want to grab the current page, insert it into a string, and go off to the page it specifies. Can this be done?


A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

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

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 couple of questions related to the deluxe-menu software. Here they are:

I have been working with on a site and I am kind stack using the program. I want to use the tree option but not all java script drop menu items need to have subcategories. For example:

Category 1

      Sub-menu 1-1

      Sub-menu 1-2

      Sub-menu 1-3

Category 2

      Sub-menu 2-1

      Sub-menu 2-2

      Sub-menu 2-3

Category 3

Category 4 When someone click on the "Category 1" or "Category 2", I want them to see the sub-menus. However, when some click on "Category 3" or "Category 4", I would like to have it open the appropriate page. How do I do this? This will make a lot easier because not all java script drop menu items need to have sub-menus… I hope that makes sense and you can help me on getting this done.



Thanks in advance and looking forward to your answers,

A: You cannot use links for the top java script drop menu items in XP Style only.

  var tXPStyle=1;

but you can write:

["<a href='http://deluxe-menu.com'>Item 45</a>","", "", "", "", "", "", "", "", ],

Q: Working with dhtml tab menu, how do you place content under them?

A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center>>img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>