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

Menu Screenshots

Expanding Menu Examples Flyout In Javascript

Features

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
Script Menu Para Tu Web Expanding Menu Examples
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
Cost Effective
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



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: When I stay on one page (for example "Home") аlso must have the menu-point "home" another color or font. How can I make this?


A: You should set pressed item.
Please, check the following parameter

  var pressedItem=-2;
This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

Deluxe Menu v2.4 has only two states normal and mouseover. Now we'repreparing new version of Deluxe Menu. It saves it state after thereloading of the page. We're planing to release a new version during a month.

You can 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.
You can also set the correct
  var pressedItem=1;
parameter on each html page.


Q: I have noticed an issue with the css menu dropdown. It does not drop down over the frame if a pdf is being displayed.It does something weird to the browser like shortens the main frame and displays above the menu.
Any Ideas?

A: Try to set the following parameter to overlap .pdf files:
  var useIFRAME=1;


Q: I am designing a tree menu. I want the text blue on a transparent background. What parameter do I change to set the transparent background in expanding dhtml menu?


A: You should set the following parameters:

  var tmenuBackColor="transparent";
  var titemBackColor=["transparent","#D5E8FF"];


Q: How do I go about using the menu javascripts feature and javascript popup on the same HTML page? I'm getting a Java Error.

A: 1) Notice that you should call dmWorkPath parameter and dmenu.js file only once on yourhtml page.

2) When you have several menus on the same page they have different menuInd (0,1,2,3...)
For example you have:

<script type="text/javascript" src="data.js"></script> //standard menu menuInd=0
...
<script type="text/javascript" src="popup-data.js"></script> //popup menu menuInd=1

You should call your popup in the following way:

<img src="mypic.gif" onClick="return dm_popup(1, 1000, event);">

or

<script type="text/javascript" src="popup-data.js"> </script> //popup menu menuInd=0
...
<script type="text/javascript" src="data.js"></script> //standard menu menuInd=1

You should call your popup in the following way:

<img src="mypic.gif" onClick="return dm_popup(0, 1000, event);">