Free Dhtml Horizontal Navigation Bar by Deluxe-Menu.com
Free Dhtml Horizontal Navigation Bar

Template:






    - Hundreds of pre-designed templates
    - Filters and Transitional effects
    - Status string shows item labels
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Transition #14 - "fade out" effect
    - Cross-frame support - menus work on frameset-based pages
    - 85% transparency for sub menus
    - Unlimited number of sub levels




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Free Dhtml Horizontal Navigation Bar Tab On Web Page Dhtml

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Cost Effective
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
Menus With Css Free Dhtml Horizontal Navigation Bar
Easy Setup
  • De Luxe Tuner. GUI interface to create your free dhtml horizontal navigation bar menus easily and in no time
  • Sensible menu parameters for manual editing
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!



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I recently received a non-profit license for your product, and after I installed it and the 'trial version' label disappeared, two of my javascript menu frames started appearing "up", instead of "down" which is preferred.

The 'enrollment center' and the 'physician center' work fine. The 'volunteer center' and 'donor center' used to work correctly (down) before I updated to the non-profit license, but now they appear "up".

If you could please help me that would be great.

A: You should set the following parameter:

  var subMenuVAlign="top";



Q: I know. I have two menus on the page and I am not using beforeItemImage orafterItemImage for the top menu in javascript (the one you referenced below), but I need it for the second menu. The parameters for that menu are in mainnav_data.js.

Even when I only call dmWorkPath and dmenu.js once, it does not work.

A: See, it is not correctly to use image-based items:

["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "0", "", "", "", "", ],

and specify beforeItemImage/afterItemImage parameters. They won't work in that case.

You can create such buttons in the following ways:
1) Use image-based menu (images with text).

Create normal and mouse-over state images (with text) for each item:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/new.gif", "mainnav_data.files/new2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/xxxxx.gif", "mainnav_data.files/xxxxx2.gif", "", "_self", "", "", "", "", "", ],


2) Use combined background for the menu in javascript items (images without text).

  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

You cannot use these two methods together!

Q: I am using the tree menu script in a frameset, and I would like for the selected menu branch to stay highlighted after the user moves the mouse to another window(where the menu brings up a new page),just so the user knows where he/she is.
Is that possible?

A: But if you open links in the another frame (window) the initial frame with your menu isnot reloaded, so the clicked item will be highlighted.
You should set the following parameters:
  var ttoggleMode=1;
  var tpressedFontColor="#AAAAAA";

You can also set the following parameter to save menu state:
  var tsaveState=1;
  var tsavePrefix="menu1";

If you install the menu without frames. On your pages you should call the following function/functions to expand/highlight items, for example:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html
Example:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html

Q: I know this must be somewhere in your support information but I can't find it. Can you tell me something I could do for people who have Javascript turned off so they can at least use my base menu (not the submenus).


A: When your security settings in IE doesn't allow Javascript onpages you load you can't see a dynamic page content.

There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.

Please, try to use search engine friendly code you'll see all yourlinks.

You can generate search engine friendly code.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.


To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


Buy Now!   ::  Free Trial Download   ::  More Info