Transparent Vertical Menu by Deluxe-Menu.com
Transparent Vertical Menu

Menu Screenshots

Transparent Vertical Menu Javascript And States

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
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
Drop Down Menu On Rollover Transparent Vertical Menu
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your transparent vertical menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed transparent vertical menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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 looking at purchasing the Drop Down Menu Program. I cannot find any examples of other sites that may be using your product.
And each link that I click on for help gives me code to use on the page. Does this mean that I need to know JavaScript to use this program effectively? How recent is the newest version of your program?
Please advise if there is a support forum, also.


A: I advise you to try our new Javascript menu -- Deluxe Menu, http://deluxe-menu.com.
This is a newer version of DHTML Menu. It works better.

I can send you some links to the websites with Deluxe Menu.
http://www.iibatoronto.org/index_2007_menus2.htm
http://www.eembc.org/

> Does this mean that I need to know JavaScript to use this
> program effectively?

No, there is no need in deep knowledge of javascript to use the menu.
You can use Deluxe Tuner application to create your menus easily.

We release the new version of the menu about two times a year.


Q: When I select something from one of the mouseover menus it takes me to a link on a website,
is it possible to run a javascript instead?

A: Actually you can use your own Javascript code instead standard links and html code inside item text.
For example:

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

or

  var bmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];

Q: The plus symbols (+) for Home, PRODUCT CATALOG, and Back are almost non visible and I can not find a parameter to move the collapsible tree menu to the right or to put a border on the left side.


A: You set the following style:

#menu TABLE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: -4px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}

You should delete
MARGIN: -4px;
style or set it:
MARGIN: -4px -4px -4px 0px;


Q: Hello, Could you please help me with an alignnment issue with my website. If you go to mt website you will see the problem. I set the x alignment to=266 but the y alignment is left blank because I would like to keep the menu centered on the site.


A: If you want to center the menu paste itwithin the <div> or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
Please, set exact value for   var menuWidth parameter, for example:

  var menuWidth = "300px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
  var absolutePos = 0;

Try that.