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

Template:

Photobuket Style Template - Drop Down Navigation Menu






    - Text aligned to left
    - Items with icons
    - 85% transparency for sub menus
    - Sound support!
    - Top items and submenus have a shadow
    - Image arrows
    - Transition #14 - "fade out" effect
    - Status string shows item labels




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 Ejemplos De Frame Horizontal

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

Features

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
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
Javascript Menu Right Click Object Free Dhtml Horizontal Navigation Bar
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free dhtml horizontal navigation bar 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How can I load some text or a page into the javascript switch menu?

A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:
 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],

Q: I am evaluating your menu product - very nice! However, I am relatively new to HTML, though a long time software developer, just not HTML!

My question - is it possible to have the menu be in a table cell and have the menu resize based on the cell width, if the cell width is specified in percent (%).

For example, if I have a table and I have a first column that is set at 15% of the width of the table, can I insert a menu in that cell and have it fill the cell?

A: Try to set 100% width for the menu.

  var menuWidth="100%";



Q: Shall I have to call the main egine file of the javascript menu maker - dmenu.js twice if I want to install two menus on the page.

The second script:
<script type="text/javascript" src="datatopnav.files/dmenu.js"></script>

Is for the top navigation menu, the datahscounseling is for the side menu. If I delete that line won't my top navigation be gone?

A: No, when you have several menus on the same page you should calldmenu.js file only once and then call several data files.

You should install the menus in the following way:

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

<script type="text/javascript" src="datatopnav.files/dmenu.js"></script>
<!-- (c) 2007, http://deluxe-menu.com -->
...
</head>
<body>
...
<TD height=25 colSpan=3 class=style1>
<script type="text/javascript" src="datatopnav.js"></script></TD>
...
<td width="180" height="307" rowspan="2" valign="top" bgcolor="ffffff"><div align="left">
<script type="text/javascript" src="datahscounseling.js"></script></DIV>
...
</body>

Both menu will work correctly in that case.

See the example I've sent you. It works fine.

You can find more info about installation of several menus on thesingle page:

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

Q: How can I set Individual Style using dhtml menu creator?

A: 1) Click "Edit Individual Styles..." button.
2) In the "Individual Styles" window click "Add Style".
3) Set itemWidth parameter.
4) Click "OK" button.
5) Select your top items and assign "Item Style" to it. (in the "ItemParameters" window)



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