Javascript Tab Menu by Deluxe-Menu.com
Javascript Tab Menu

Template:

Black Rounded Template - Mouse Over Drop Down Menu






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Transition #14 - "fade out" effect
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus automatically scrolls
    - Image arrows
    - Text aligned to left
    - Status string shows item labels
    - Filters and Transitional effects




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

Menu Screenshots

Javascript Tab Menu Tab Html Example

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript tab menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Javascript Menu Fade Javascript Tab Menu
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
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



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

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: For each item in my menu, can I specify an image in place of text or background?


A: If you want to use images instead item text, you should useindividual item styles. For example:

  var itemStyles = [
["itemWidth=200", "itemBackImage=image1.gif,image2.gif"], // style 0
["itemWidth=150", "itemBackImage=image3.gif,image4.gif"], // style 1
];

  var menuItems = [
[" ", "link", "", "", "tip", "target", "0"],
[" ", "link", "", "", "tip", "target", "1"],
];

Where "0", "1" - style number in itemStyles.

Please, use Deluxe Tuner application to create and assign individualstyles. You can find Deluxe Tuner in the trial package.


Q: Using the example menu you have, how do i make the sub-menu for the 'Sample' menu item a multi-column and leave the 'Product Info' menu item as is.
I only want certain sub-menus to have multi-columns. I don't want all menu items to have a multi-column sub.


A: Please, see the attached example.
You should use individual styles.

  var menuStyles = [
    ["smColumns=2"],
    ["smColumns=1"], //style 1
];

...
   ["More Samples","testlink.htm"],
      ["|Group 1","", , , , , "3", "1", , ], //assign style 1

Try that.


Q: I need to be able to highlight the selected menu en dhtml item of the Deluxe Menu.

A: Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your menu en dhtml 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: It actually does work - I got it to work, however some functions like transparency is not working, trial version pop up disappeared and transition when the submenu item comes down is not working - it simply pops the menu down.


A: Please, notice that transitional effects don't work in Firefox.
Effects work in IE only. You can find this info here:

http://deluxe-menu.com/filters-and-effects-sample.html


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