Expand Floatable Menus by Deluxe-Menu.com
Expand Floatable Menus

Menu Screenshots

Expand Floatable Menus Javascript Popup Menus

Features

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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your expand floatable menus menus easily and in no time
  • Sensible menu parameters for manual editing
Navigation Style Drop Down Menu Expand Floatable Menus
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
Cost Effective
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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: At the first time arrow images are loaded successfully in the menu, That time I click the menu and open a new page in crossframe.
After that I try to open new page from Main Menu, the arrow images are not displayed in the Sub-menus.


A: Thanks for your interest in our products.

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: How woud I make all the sub-menu’s height and text smaller in the css dhtml menu?


A: You can create Individual Item Style and assign it to each item insubmenu.

For example:

  var itemStyles = [
["itemHeight=10px","fontStyle=normal 9px Trebuchet MS, Tahoma"],
];

and assign it to each item in submenu:
 ["|Item 7","", "", "", "", "", "0", "", "", ],
 ["|Item 8","", "", "", "", "", "0", "", "", ],
you can also use standard <br> tags.
 ["|Home text<br>text","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],


Q: I would like to create my own jpeg images and use them as the mouseover-items in the top level cascading menu. I am not talking about the backround. I mean the actual upfront button. I seem to be locked into the size which is the default and would like to change it to width = 180px and height = 45px for each item in the menu. Is there any way to do that?

A: You should create Individual Style and assign it for all top items.

  var itemStyles = [
["itemWidth=180px"],
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],



Q: I can not figure out how to fix the menu from going off the page inMozilla by using html code. I don't know where to put the code. I would likeit to be flush right.


A: Try to set exact width for the menu width and menu height, try to specify unitsin "px":
  var menuWidth="500px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
  var menuHeight="20px";
You should also check your padding parameter, you should write it so:
  var itemPadding="1px 1px 1px 12px";