Menu Desplegable Dhtml by Deluxe-Menu.com
Menu Desplegable Dhtml

Menu Screenshots

Menu Desplegable Dhtml Slide In Menus Dhtml Rollover

Features

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
Pulldown Menu Sample Code Menu Desplegable Dhtml
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu desplegable dhtml menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu desplegable dhtml 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: Is it possible via code customization to remove the border only forthe top level of js dropdown menu?

A: You can use Individual Item Style in that case.
You should create Individual Style, for example:

  var itemStyles = [
["itemBorderStyle=none,none"], // style 0
];

And assign it for top items:

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Features","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
 ["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
   ["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
   ["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
   ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Sample 1","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ], // assign style 0
];

More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html




Q: I have a quick question: I have an iframe menu item (see note 1) for the dhtml menu sample,
and when I click a link in that iframe, I would like to close the menu.
Is this possible, perhaps by using a javascript call?


A: You couldn't close the menu, you can only hide it.
You can try touse the following code to hide the menu.

   ["||test menuitem
<iframe src='test.php' onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'
></iframe>","", , , , ,"0" , , , ],

You can also place your Iframe in DIV tag with indents.

   ["||test menuitem
<div style='padding: 10px;'><iframesrc='test.php'
onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'></iframe></div>","", , , , ,"0" , , , ],


Q: How do I turn off transitional effects in dhtml popup menu?

A: You should set the following parameters:

  var transition=-1;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;




Q: If you take a look at the upper menu, I have "|" separating all of the various menu items. How can I do this with Deluxe Menu?
I don't want to resort to using messages and would like to use the "|" character if at all possible.


A: You can paste a separator.
Please, see the following parameters:

//------- Separators -------
//--- Separators
  var separatorImage="";
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];