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

Menu Screenshots

Large Horizontal Menu Dhtml Cross Browser Collapse Menu

Features

Cost Effective
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 Navigation Large Horizontal Menu Dhtml
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed large horizontal menu dhtml samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I would like to separate each main menu item in a dhtml menu bar with a dotted line graphic.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



Q: Could I use the javascript menu system tab with ASP pages.

A: Deluxe Tabs is a javascript menu system. It works on aclient side and doesn't depend on server-side implementation.
So there is no limitation for server-side scripting.



Q: The "drop down" menus go above the mouseover javascript menu, not below. I want them to go down. That's why it's a DROP DOWN menu and not a DROP UP menu.

And I tried the "  var subMenuVAlign="bottom";" command as per your user database forum and it doesn't work.

So the problem is elsewhere....

BTW, I did not have this problem on the trial version, it appeared after I installed your js files in the scripts directory and the key in the data.js file

A: You should set the following parameter for mouseover javascript menu:

  var subMenuVAlign="top";



Q: I have just downloaded your trial version and am trying to use java menu maker using the windows xpstyle1 template. I can only seem to get the top button showing as grey but can change colors of submenus OK. Am I missing something or is this a restriction of the trial system i.e. how do I get the top button showing the same as submenu buttons

A: Trial version of java menu maker has full functionality of the licensed version.

To change submenu colors you should change the following parameters:

  var menuBackColor="#F2F3F2";
  var itemBackColor=["#F2F3F2","#535353"];
and Individual Submenu Style:
  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=0","itemPadding=4px","smOrientation=undefined"],
];

For the top items you should change Individual Item style:
  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#535353"],
];