Floating Menu Example by Deluxe-Menu.com
Floating Menu Example

Template:






    - UL/LI items structure
    - Relative/Absolute menu position
    - Inactive/Disabled items
    - Submenus automatically scrolls
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Hundreds of pre-designed templates
    - Submenus go over all page objects
    - Filters and Transitional effects




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

Menu Screenshots

Floating Menu Example Script Pull Down Menu

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
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
How To Create Drop Down Menus In Html Floating Menu Example
Easy Setup
  • De Luxe Tuner. GUI interface to create your floating menu example menus easily and in no time
  • Sensible menu parameters for manual editing
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed floating menu example 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am still struggling with multiple menus on one page.
It is probably something I am doing wrong, but I cannot see it.


A: Now you have:

  var absolutePos=1;
  var posX="10";
  var posY="10";


So, both of your menus have the same absolute position.

You can use relative position and place your menu inside <table>. In this case you should write so:

  var absolutePos=0;


Q: Hi, I am testing your menu system for my company and would like to know how to keep the menu in the centre of the page like <centre></centre>.
I know how to do it without a floating menu but cannot work out how to do this with it floating.


A: When you use floatable menu you can't use relative menu position.
So, if you use

  var absolutePos = 0;

and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.


Q: How to open a popup after clicking on a menu item in dhtml image menu.

A: You can write your menuItems in the following way:

["Home","javascript:window.open('http://deluxe-menu.com');window.focus;", "", "", "Home", "", "", "", "", "", "", ],

Q: Looks like submenu text for the rollover menus is too long for the background.
How can I ensure the background is the same length as the longest word in my submenu list for the rollover menus?


A: Try to change the following parameter:

  var smWidth="100%";

Set it:

  var smWidth="";




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