Floating Menu Html Code by Deluxe-Menu.com
Floating Menu Html Code

Template:

iPhone 10 Template - CSS Floating Menu






    - Submenus go over all page objects
    - Submenus automatically scrolls
    - Search feature - add the search area in the menu and type symbols.
    - Submenus dropdown on mouseover
    - Horizontal or vertical orientation
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Relative/Absolute menu position
    - 85% transparency for sub menus




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Floating Menu Html Code Mouse Over Drop Menu Example

Buy Now!   ::  Free Trial Download   ::  More Info

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
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
Menu Horizontal Frame Floating Menu Html Code
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
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 floating menu html code menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: My menu bar will not “center” when I view it via the Firefox and Netscape browsers.
It views fine via Internet Explorer. Is there any remedy for this?


A: Try to set exact width for the menu in "px", for example:

  var menuWidth="400px";


Q: Can you tell me what fields control the lines around the top level of menu items?
What fields control the lines around each sub-menu item?
I would like to test and see if the program will allow me to create a top menu that displays as follows:
Home   |   Proposal Reponses   |   Marketing Info   |

As you can see I would like no borders around the top level and a tilda (vertical line) separator between each top level menu item.

For the sub-menu items I would like there to be a thin line box around the sub-menu but no lines in between each item within the sub-menu. What fields control these paramenters?


A: Home   |   Proposal Reponses   |   Marketing Info   |

Yes, you can create such menu.

Please, use Individual styles.

Set these parameters:
  var menuBorderWidth=1;
  var menuStyles = [
["menuBorderWidth=0"], //style 0
];

["Home","testlink.html", , , , , , "0", , ], //style 0
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],

To add lines between main items you can paste the separators.

Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];


Q: We are using a licenced version of your tree-menu.
Now we have a situation, where we should show the actualclicked menu position with an icon or a color for a collapse tree menu.

A: This can be found with the help of external function of tree menu.
dtreet_ext_userClick(itID, event) - this function is called when clicking a mouse button on the item.

itID - item id
event - standard structure of events generated browser
dtreet_ext_getItemParams (menuInd, itemID) - returns all item parameters.

Please visit http://deluxe-tree.com/functions-info.html for addition information.

Q: Is it possible to make on top of the css tree menu 2 extra buttons:

* Expand all
* Collapse all

Which command do I use???

A: Tree Menu doesn't have such a feature now.

You can write your own function based on the following API functions:

function dtreet_ext_showItem (itemID, visibility)
function dtreet_ext_expandItem (itemID, expand)


Buy Now!   ::  Free Trial Download   ::  More Info