Expanding Menu Examples by Deluxe-Menu.com
Expanding Menu Examples

Menu Screenshots

Expanding Menu Examples Tab Als Html

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your expanding menu examples menus easily and in no time
  • Sensible menu parameters for manual editing
Animated Drop Down Menu On Mouse Over Expanding Menu Examples
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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed expanding menu examples samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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: Thank you for the information. I have been successful in getting the drop down menu select to appear on my index.htm file.

I'm having some problems fine tuning it. I placed the code and files as indicated on the file. What I get is a menu appearing at the top of the page and a link titled: Trial Version where I want the menu to appear.

The other problem I am having is that the drop down menu select is left justified and I would like it to be centered on my page (table).

A: Check that you're using relative position for the drop down menu select. You shouldset:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";



Q: My menus work fine on IE7 and earlier and other browsers. However I tested the java hover menu with Internet Explorer 8 beta and errors are sometimes thrown.

I tried viewing your site with IE8 – which didn't work with IE8 a few weeks ago but I notice everything works now.

Do you know what might causing the problems?

A: We're planning the full support for IE8 as well as for all major browsers.
All issues will be fixed with final version of IE8.



Q: Is it possible to have the AJAX menu aligned vertical instead of horizontal? And is the number of levels limited? (I have a site that requires up to 4 levels...)

A: Yes, you can create vertical menu using AJAX feature.

There is no such limitation.
See the following parameter:
  var dmAJAXCount=0;

That variable set the maximal number of submenus that will be loadedfrom server on your page.



Q: I am trying to figure out how to specify the css for the top css dropdown menu.

I saw this in some of the example code, but there was nothing similar in Deluxe Tuner

  var itemStyles = [

["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver" ],
];
  var menuStyles = [
["CSS=topMenu"],
];

I tried adding the above to my js code, but it didn't work. I can get it to work in non-css through Deluxe Tuner.

I am trying to draw a white border around the blue css dropdown menu

.topMenu
{
background-color:Blue;
border-width: 1px;
border-style: solid;
border-color: White;
}

/* Style for submenus */
.submenu
{
}

/* Style for top items: normal state */
.topItemNormal
{
background-color:Blue;
color:White;
text-decoration: none;
text-transform:none;
font-weight:normal;
FONT-SIZE: 11pt;
FONT-FAMILY: Verdana, Arial;
width:100%;
padding:2px 4px;
}

A:   var itemStyles = [

["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver"],
];
  var menuStyles = [
["CSS=topMenu"],
];

The following code is Individual Styles. You can edit them in DeluxeTuner.

Open your data file, click "Edit Individual Styles..." button on themain window. And create individual item style and individual submenustyle. Then you should assign these styles to your items.

See more info about Individual Styles here:
http://deluxe-menu.com/individual-styles-sample.html