Free Dhtml Tab Menu by Deluxe-Menu.com
Free Dhtml Tab Menu

Menu Screenshots

Free Dhtml Tab Menu Simple Menu Script

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your free dhtml tab menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Dhtml And Menu Free Dhtml Tab Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free dhtml tab menu 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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I'm interested in using Deluxe menu for our website. It appearseverything is exactly what I want, but I do have one question.
Can I pass a selection from cascading navigation bar to a form?

A: Deluxe Menus doesn't have such a feature now.

But you are able to paste any html code within items.

For example:
  var menuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'>
<input name='as_q' value='searchthe web' size=15 style='font-size:10'> 
<INPUT type=hidden name=cof value='LW:144;L:http://domain.edu/images/sulogo.gif;
LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","",
"images/icons/search.gif", "", "", "", "", "", "", "", "",],

You should write your own code within menuItem.


Q: On the home page, when using Opera, and I have a report from a user who viewed the site with Safari, that the home page dhtml select menu did not work, but the subsequent pages did. I have no problem when using Internet Explorer, and I have not yet tested the site with Firefox. Do you have an idea what may be causing this behavior, and how to fix it?

A: Try to add the following style to your TD tag.

<TD id=navborder vAlign=top width=200 style="z-index: 10; position: relative;">



Q: I have 2 questions about this script I would like to find out before purchasing:

1. Does it support 3rd and 4th level java script navigation menu?
2. How customizable is it style-wise, meaning, I have images I want used for the top level navigation, and background images for the rest. Any way I can achieve this?

A: 1) Yes, you can add as many levels in the java script navigation menu as you want.

2) Actually you can create any java script navigation menu with Deluxe Menu. You can use Individual Styles tocreate your menu. For example:

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBorderWidth=0","fontStyle=normal 11px Tahoma", "fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBackImage=back.gif","menuBorderWidth=0", "itemSpacing=1","itemPadding=0px 5px 0px 5px"],
];

Please, try the trial version and check menu parameters. Use DeluxeTuner to create your menu.



Q: I'm trying to shrink the vertical size of the sub-menu entries in my menu:

I think I've specified all the parameters correctly in data.js, but itТs hard to tell what affects the height of the submenu entries. Even reducing the type from 10pt to 8pt didnТt shrink them at all.


A: See, you set the following parameter:

  var itemPadding = 7;

That is why you have such a big padding around the items.

If you don't want to change the appearance of the main items youshould create Individual Style for the subitems. For example:

  var menuStyles = [
["itemPadding=2px"],
];

And assign this style for the first item in submenu.