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

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

Javascript Drop Down Menus Tutorial Dijit Menubar Examples

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 dijit menubar examples 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 dijit menubar examples 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

Recent Questions

Q: I have been trying to get ‘Content’ in to the float tab, and I cannot find how that is done.

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>

Q: I have been using Deluxe Menu quite a bit, but am now running into a problem on a site I developed. When I add a submenu, it appears separated by about 100 pixels down. In this case I left it on the Menu Item “Why Maumelle” for you to look at.

Can you help me out?


A: 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" attribute of the object if the object doesn't have this property within inline style(style="position:relative"). To get the value you should move .css style into style="" attribute.

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

For example, you should add style="position:relative;"

to the

<DIV class=MainBody>
<DIV class=Banner></DIV>
<DIV class=Menu>

So, you'll have:

<DIV class=MainBody style="position:relative;">
<DIV class=Banner></DIV>
<DIV class=Menu style="position:relative;">

Now we have only such solution for this problem.
We'll try to fix this problem in the future versions.

Q: Can I use my own images as the tabs in a dreamweaver navigation bar?

A: The Drop down menu items have the following structure:
  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];

Where iconNormal, iconOver - Icons of an item: icon in normal state, icon in mouseover state.

So you can set your menu items in a such way:

  var menuItems = [
["","testlink.htm", "icon1.gif", "icon1o.gif"],
["","", "icon2.gif", "icon2o.gif"],
 ["|","testlink.htm", "icon3.gif", "icon3o.gif"],
 ["|","testlink.htm", "icon4.gif", "icon4o.gif"],
 ["|","testlink.htm", "icon5.gif", "icon5o.gif"],
["","testlink.htm", "icon1.gif", "icon1o.gif"],
];

Q: I am using a licensed copy of Deluxe Menu and am extremely happy with the software and the functionalities provided. Great Work !!

I wanted to know how to hide/ disable the item in the javascript text menu for a particular user/roleid in .ASP.Net1.1 Kindly help me out with this problem as soon as possible.

A: You can find more info here:

http://deluxe-menu.com/dynamic-functions-sample.html

You can try to use API functions in that case:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

To disable items you should set the target parameter to "_".

You can try to use the following function

function disable() {
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);
}

to disable items in your javascript text menu.