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

Menu Screenshots

Menu Horizontal Dhtml Drop Down Menu Sample Javascript

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu horizontal dhtml menus easily and in no time
  • Sensible menu parameters for manual editing
Popupmenu Menu Horizontal Dhtml
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu horizontal dhtml samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
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



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: The reason why I bought this javascript menu html was its ability to float. I have inserted the following data under Floatable Menu but my menu is fixed like a rock.

  var floatable=1;
  var floatiterations=6
  var floatableX=0
  var floatableY=1;

I hope you can help me once again


A: Notice, when you use floatable menu you can't use relative menu position.
So, if you use

  var absolutePos = 0;

and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.


Q: I can’t seem to figure out how to keep last clicked item in my java menu script marked.

I use these options:

pressedItem = -1

  var saveNavigationPath = 1;

Where and how do I determine the background color of the clicked item?

I also have this problem on Deluxe Tree.


A: The menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

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

You can also set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.


Q: I ran across your site on a search engine and downloaded the trial copy. I am playing around with it and have successfully generated  a menu bar which I wanted to try and test out.  I have followed the directions for installing it on my trial page of my website and can not get it to work. I am not sure what I am doing wrong .  I would truly love to buy this, but even with following the installation instructions, I can not get free javascript drop down menu to work.  I use Dreamweaver to build my site.

A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension and wedon't have plug-ins for it. To install the menu into your html page:

1. create and save .js file with your menu parameters in Deluxe Tuner(you can use "File/Save as/HTML" function).
You can enter any name you like, for example enter "menu". So you'llhave menu.html, menu.js files and "menu.files" folder with all menu files.
2. open your .html page in Dreamweaver
3. Copy generated menu.js file and "menu.files/" folder in the same folderwith your index.html page.
4. Open generated menu.html in any text editor and copy several rows of code (<script> tags), For info see:

http://deluxe-menu.com/installation-info.html

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">free javascript drop down menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="menu.files/";</script>
<script type="text/javascript" src="menu.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="menu.js"></script>
...
</body>

That's all.


Q: How can I set the top-level menu items of the html pop up menu to be transparent?

A: You should create Individual Item and Submenu styles with transparent itemBackColor and assign it for the top items:

  var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderWidth=0","fontColor=#000000,#000000"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0"],
];