Mouseover Tab Sliding Submenus by Deluxe-Menu.com
Mouseover Tab Sliding Submenus

Menu Screenshots

Mouseover Tab Sliding Submenus Menu Javascript Example

Features

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
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
Sample Vertical Menu Website Mouseover Tab Sliding Submenus
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your mouseover tab sliding submenus 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.

  • 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.

Recent Questions

Q: Am I under the correct assumption that if the inner menu item text expands past the ItemWidth or MenuWidth (being that the Width is set -- eg 150px), that the javascript menu div width will expand past it's boundaries instead of wrapping the text? (eg. A text like "Please Make this Wrap instead of expand the width boundary" seems to expand the container's width rather than wrap)

A: There are 2 ways to do that:

1. set

  var noWrap=0;

2. use <br> tags, for example:

  var menuItems = [
["line 1<br>line 2"],
];



Q: I try to fix the height of the submenu "Zone Climatiques" to 400px but I didn't find the way to do this. It worked by setting   var smHeight=400px but that setting set all submenus. I would like set only the height of "Zone climatiques" submenu.
  Thanks for your help.


A: You should create Individual Style

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
["smHeight=400px"],
];

and assign it to the first item in submenu
["3101 - Ste-Anne-Des-Monts","ProcessClimaticZone/edit.do?id=3101,2003-11-13", , , , , ,"1","stationSubMenu.htm?climaticZoneId=3101,2003-11-13",],


Q: I notice in your examples that your menus are horizontal and then drop down.
Is it possible to configure your javascript menu generator for vertical menus?

A: Yes, it is possible.
You should set the following parameter:

  var isHorizontal=0;

Q: Is it possible that the click drop down menu Trasistional Effects@Filters doesn't really work by Firefox? only by IE?. For example 4Wipe up thing.

A: Filters and transitional effects are features of Internet Explorer5.5+ only.

See more info here:

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