Double Horizontal Menu Example by Deluxe-Menu.com
Double Horizontal Menu Example

Menu Screenshots

Double Horizontal Menu Example Html Xp Style Menu

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



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: We are interested in using your dropdown menu code for our site but we do have a question.

When the dropdown menu code viewed in IE7 everything is fine but when I view it in opera or firefox browsers the menu bar is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?

<table border="0" align="center" cellpadding="0" cellspacing="0"
summary="Quaker Meadows Menu">
<tr>
<td>
<script type="text/javascript" src="data.js"></script>
</td>
</tr>
</table> is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?

<table border="0" align="center" cellpadding="0" cellspacing="0"

A: Try to set exact width for the dropdown menu code in "px". It helps to position themenu correctly in all browsers.

  var menuWidth="500px";



Q: The menu files need to be in EVERY directory that there is a page calling these files?


A: No you can use one folder with engine .js files.
But in your html pages you should write correctly your dmWorkPathparameter:

< script type="text/javascript">  var dmWorkPath = "./menudir/";</script>

and call dmenu.js file from the right place

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


Q: How do you created a multiple column for only one menu item.


A: More info about multicolomn menu you can find here:

http://deluxe-menu.com/multicolumn-menu-sample.html


Q: I have an other question about Vista menus :
If the word is too long, the dhtml menu images are not correct.
Please look at the screenshot.

A: See images in Vista Templates have the fixed width and height (92 x 21).

You can try to use the following parameter to use combinedbackground for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif