Features

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

Easy Setup

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

Javascript Animated Drop Down Vertical Yugop

Cost Effective

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

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

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

2.0 Buttons by Web-Buttons.com v3.0.0

Recent Questions

Q: Is it possible to open a specific tab in javascript menu samples using javascript? For example something like tabObject.open(tab1);

A: You can try to use the following function:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, >=0.

Q: I tried the following for subitem and it worked but not working with the "Title item" (Group or header item), is there a way to process onclick for the title item? Thanks again.

You're able to use Javascript for each item, for example:
  var tmenuitems = [
["item text", "javascript:your_code_here"]
];

A: Unfortunately, title items doesn't allow to use Javascript in the sameway.
But you can do the following:

  var tmenuitems = [
["<div onclick='your_code_here'>title text</div>"]
];

Q: Why is it that when we place a drop menu ina div that the droppping part is not right uner the menu? The menu on top banner is the problem.. Thesame code outside of a div futher down the page works fine.

 I can place the same menu outside of the div and it works fine.When it is in a div the drop part of the menu is pushed to the far right of the screen.

A: Brian, see, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute;"

to the

<div id="menu">

So, you'll have:

<DIV id="menu" style="POSITION: absolute;">

Q: I need to create a link drop down menu for a site that has the top level menuhave no border but I want any of the sub menu popups to have aborder around them (or a different background color for the menuarea for the popup). I can not see a way to do this? If a put a menu border on it appears on both the top level and any submenu popups.

A: You should set the following parameters:

1)   var menuBorderWidth=0;
2) Create Submenu Style

  var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#7E5927"], //style 0
];
You can do it in Deluxe Tuner. Click "Edit Individual Styles" and thenchoose "Submenu Styles" tab.

3) Assign Individual Style for your submenus.
You can assign them only for the first item in each submenu.
For example:

  var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "0", "", ], //style 0
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ],
   ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", ], //style 0
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
 ["|Parameters Info","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ],