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

Menu Screenshots

Floating Menu Example Dhtml Menus Relative Positioning

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!
Cost Effective
Transparency Javascript Example Floating Menu Example
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
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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: Sub menu is opened on mouseover only.But our requirement is that submenu for horizontal menu should be open onclick of mouse event. Could you please suggest us if we are missing something?

A: Try to use the following parameters:

  var showByClick=1;

Q: I need a way to change tabs with buttons AFTER THE PAGE IS RENDERED. This means bselecteditem is useless to me at this point.

I want to have a button called NEXT on TAB 1, and when you press that button, it switches you to TAB 2. Likewise on TAB 2 I want to have a button called NEXT that when pressed will switch you to TAB 3.

I don't want to have to post back to the server to make this work, I want a way of Javascript to change the tab indexes.

How can I do this?


A: Try to use the following function:

LTb0(menuN,itemN);

menuN - menu ID, starts with 0
itemN - item ID, starts with 0


Q: Is there a javascript function that I can call that will return the ID or the Text value of the currently active tab of the web navigation?

A: Unfortunately there is no such a function now.

There are such variables.

dtabs_tabs[menuN].b1 - dtabs_tabs[menuN].selectedItem
dtabs_tabs[menuN].JT0 - dtabs_tabs[menuN].selectedSmItem

But they contain the index of the selected menu item, not the ID.


Q: I have been using Deluxe Menu quite a bit, but am now running into a problem on a site I developed. When I add a submenu, it appears separated by about 100 pixels down. In this case I left it on the Menu Item “Why Maumelle” for you to look at.

Can you help me out?


A: See, 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:

For example, you should add style="position:relative;"

to the

<DIV class=MainBody>
<DIV class=Banner></DIV>
<DIV class=Menu>

So, you'll have:

<DIV class=MainBody style="position:relative;">
<DIV class=Banner></DIV>
<DIV class=Menu style="position:relative;">

Now we have only such solution for this problem.
We'll try to fix this problem in the future versions.