Black Javascript Horizontal Dropdown Menu by Deluxe-Menu.com
Black Javascript Horizontal Dropdown Menu

Menu Screenshots

Black Javascript Horizontal Dropdown Menu Drop Down Menu In Dhtml And Css

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
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!
Make Drop Down Menus In Black Javascript Horizontal Dropdown Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed black javascript horizontal dropdown menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: I found the problem with de Deluxe Menus:
When the menu is inside the <DIV> </DIV> tags, the menu is shown, but does not scroll.


A: See, you use absolute position for this <div>

<div STYLE="position:absolute;top:151px; left:0px">

But you can use absolute position for the menu. Your menu will scrollin this case.

For example, you should set:

  var absolutePos=1;
  var posX="0";
  var posY="151px";

And install your menu

<div>

<script type="text/javascript" src="data.js"></script>

</div>

Or, write:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "/";</script>
<script type="text/javascript" src="dmenu.js"></script>
<script type="text/javascript" src="data.js"></script>


Q: Do you have an extremely simple example of modifying drop down menus with the JavaScript API?

A: You should use the following function:

function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

<script language="javascript" >
dm_ext_changeItem(0, 0, 1, ["", "", "new_icon.gif", "new_icon_o.gif", "",,""]);
</script>

Q: How woud I make all the sub-menu’s height and text smaller in the css dhtml menu?


A: You can create Individual Item Style and assign it to each item insubmenu.

For example:

  var itemStyles = [
["itemHeight=10px","fontStyle=normal 9px Trebuchet MS, Tahoma"],
];

and assign it to each item in submenu:
 ["|Item 7","", "", "", "", "", "0", "", "", ],
 ["|Item 8","", "", "", "", "", "0", "", "", ],
you can also use standard <br> tags.
 ["|Home text<br>text","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],


Q: Is this transparent feature there for individual submenu styles or for individual menu items in scrolling menu? I want that.

A: See, you can use "transparent" value instead of any color in the mainmenu parameters and in Individual styles.

  var menuBackColor="transparent";
  var menuBorderColor="transparent";
  var itemBackColor=["transparent","transparent"];
  var itemBorderColor=["transparent","transparent"];
  var moveColor="transparent";
  var shadowColor="transparent";

  var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderColor=transparent,transparent"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBorderColor=transparent"],
];