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

Dhtml Drag And Drop Tree Special Effects Swmenufree

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

Easy Setup

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

2.0 Buttons by Web-Buttons.com v3.0.0

Recent Questions

Q: I'm trying out the cross-browser (top to bottom) drop down menu and I was wondering if it was possible to have the top bar (the main items) use a background image while the sub-items beneath used a plain background color and no image?

So far I've gotten them to either both use a background image, or both use a background color. Any advice would be greatly appreciated. :)

A: Actually you can create any menu you like with Deluxe Menu.

You can use Individual Styles to set background image for the items

  var itemStyles = [
["itemWidth=92px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_black_blue.gif"],
];

oryou can use images instead of icons (you should delete item's text).

["","", "deluxe-menu.files/btn_black.gif", "deluxe-menu.files/btn_black_green.gif", "", "", "", "", "", ],

Q: Using the example menu you have, how do i make the sub-menu for the 'Sample' menu item a multi-column and leave the 'Product Info' menu item as is.
I only want certain sub-menus to have multi-columns. I don't want all menu items to have a multi-column sub.


A: Please, see the attached example.
You should use individual styles.

  var menuStyles = [
    ["smColumns=2"],
    ["smColumns=1"], //style 1
];

...
   ["More Samples","testlink.htm"],
      ["|Group 1","", , , , , "3", "1", , ], //assign style 1

Try that.

Q: I set a custom target at '_mainFrame' required by Dreamweaver to view in a particular frame. When I click my button it opens in its own window.

Your thoughts would be appreciated.


A: Please, check the following code, for example
  var itemTarget="_mainFrame";

["Galerie de photos","photos/index.php", "img/arrow_r.gif","img/arrow_o.gif", , "_self", , , , ],

or

["Galerie de photos","photos/index.php", "img/arrow_r.gif","img/arrow_o.gif", , "_mainFrame", , , , ],

I suppose that now you have such code
["Galerie de photos","photos/index.php", "img/arrow_r.gif","img/arrow_o.gif", , "_blank", , , , ],

Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


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>

<table width=800>
<tr>
<td align=center width=600>