Floating Boxes Menu Mouse by Deluxe-Menu.com
Floating Boxes Menu Mouse

Template:

Space Menu Template - Simple Dropdown Menu






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Status string shows item labels
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Top items and submenus have a shadow
    - Relative/Absolute menu position
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - 85% transparency for sub menus
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Floating Boxes Menu Mouse Right Click Popup Menu

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

Features

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 boxes menu mouse samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript For Menu Floating Boxes Menu Mouse
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
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!



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

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I recently downloaded Deluxe Menu to try before I buy. While it was easy to create a menu, when I followed the directions for pasting in the two lines of code where I wanted the menu to appear, it didn't work. Rather, it always positioned the menu at the very top of the page.

Is this intentionally the case because this is a trial version?
I very much like the program; however, I have to know it's going to work correctly before I buy.


A: Info about installation of the menu on your html page you can findhere:

http://deluxe-menu.com/installation-info.html

> Rather, it always positioned the menu at the very
> top of the page.

Please, check that you have
  var absolutePos=0;

You can also send us a copy of your html page (including .js files) and we will check it.


Q: I want to have one of the drop menus in the horizontal navigation use a different image.
I am using the vista images and would like to have all of them but one use the same image
and the last one a different one. Can this be done?

A: You should create Individual Style for the last item and assign another image for it.

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-01.files/btn_black.gif,
data-vista-01.files/btn_black_blue.gif"],
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBackImage=data-vista-2-03.files/btn_green.gif,data-vista-2-03.files/btn_green2.gif","fontStyle='normal 11px Tahoma','normal 11px Tahoma'","fontColor=#FFFFFF,#FFFFFF"],
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], //style 0
...
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ], //style 0
["Contact Us","testlink.htm", "", "", "", "", "1", "", "", "", "", ], //style 1
];

Q: When I open my site in Internet Explorer 6.0 The main menu showsup nicely but the drop-down sub-menus are separated. The menu work very nicely in a Firefox browser but not in IE.


A: There are some problems also with your css.
The problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:relative"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="position:relative;"

to the

<DIV id="right">

So, you'll have:

<DIV id=right style="POSITION: relative;">

Check that.


Q: I am evaluating De Luxe menu. We perhaps like to become OEM distributor.

But I have a question.
In a website i would like to align 3 menu items to the left of the page and the other items to the right.
The 3 items to the left have a different style. But all have a fixed width.

I tried to define a spacer between the items but this didn't work out.

<script type="text/javascript"
src="/webos_net/dmenu/data.js"></script><script
type="text/javascript">
  var menuItems = [
["Website","/webos_net/default2.aspx?site=website",,,"","_top","0"],
["MyNorma","/webos_net/default2.aspx?site=mynorma",,,"","_top","0"],
["BackOffice","/webos_net/default2.aspx?site=portal",,,"","_top","1"],
["          ","/webos_net/default2.aspx",,,"spacer","","2"],
["Zoek","",,,"",'main','3'],
["Stamgegevens","",,,"",'main','3'],
["Repartitie","",,,"",'main','3'],
["Beheer","",,,"",'main','3'],
]
dm_init();

I also defined itemstyles:

  var itemStyles = [
//hoofdmenu
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444"],
//hoofdmenu selected
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444","itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"],
//spacer
["itemWidth=100%"],
//default menu
["itemWidth=100pt"],
];

Can you provide a java menu samples which shows left and right alignment of menu items is possible?

A: Unfortunately it is not correctly to write
["itemWidth=100%"],
in Individual Styles. It won't work. You can set the exact width forthis space, for example:

  var itemStyles = [
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg,/images/topmenu1bg.jpg", "fontColor=#444444,#444444","showByClick=0"],
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444", "itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"],
["itemWidth=220px","itemBackColor=transparent,transparent","itemBorderWidth=0", "itemBorderStyle=none,","showByClick=0"],
["itemWidth=100pt"],
];
  var menuStyles = [
];

  var menuItems = [

["Website","/webos_net/default2.aspx?site=website", "", "", "", "_top", "0", "", "", "", "", ],
["MyNorma","/webos_net/default2.aspx?site=mynorma", "", "", "", "_top", "0", "", "", "", "", ],
["BackOffice","/webos_net/default2.aspx?site=portal", "", "", "", "_top", "1", "", "", "", "", ],
["          ","", "", "", "spacer", "", "2", "", "", "", "", ],
["Zoek","", "", "", "", "main", "3", "", "", "", "", ],
["Stamgegevens","", "", "", "", "main", "3", "", "", "", "", ],
["Repartitie","", "", "", "", "main", "3", "", "", "", "", ],
["Beheer","", "", "", "", "main", "3", "", "", "", "", ],
];



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