Dhtml Horizontal Menu by Deluxe-Menu.com
Dhtml Horizontal Menu

Menu Screenshots

Dhtml Horizontal Menu Javascript Pull Down Menus

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
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!
Dhtml Vertical Slide Menu Dhtml Horizontal Menu
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
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding 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: Obviously your menus are NOT cross browser usable, as you can e.g. Padding does not work in opera, while it works in IE.
When will there be an update on that bug?


A: Deluxe Menu works fine in all browsers.
Try to set exact width for the menu width and menu height, try also to specify unitsin "px":
  var menuWidth="500px";
  var menuHeight="20px";
  var smWidth="116px";
You should also check your padding parameter, you should write it so:
  var itemPadding="1px 1px 1px 12px";



Q: I have managed to insert a separator in a menu and set the image path but the separator image does not show.

Is there anything else I need to do?


A: Please, see the following parameters:

//------- Separators -------
//--- Separators
  var separatorImage="";
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];
Try that.


Q: I just purchased your multiple site bundle and have a menu question.

I need to create a menu for a site that has the top level menu have no border but I want any of the sub menu popups to have a border around them (or a different background color for the menu area 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 use Individual Item Styles.

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", "", "", "", "", "", ],



Q: I cannot see the shadow on the top items of the menu. Can you help me?


A: Now you have shadow the submenus only, if you want to have shadowfor the top items you should set the following parameters:

//--- Transitional Effects & Filters
  var shadowLen=4;
  var shadowColor="#B1B1B1";
  var shadowTop=1;

You can see the shadow in Internet Explorer 5+ only.

See more info here:
http://deluxe-menu.com/filters-and-effects-sample.html