Jquery Amazon Flyout Menu by Deluxe-Menu.com
Jquery Amazon Flyout Menu

Menu Screenshots

Jquery Amazon Flyout Menu Dhtml Transparent 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 jquery amazon flyout menu menus easily and in no time
  • Sensible menu parameters for manual editing
Dhtml Drop Down Horizontal Menu Jquery Amazon Flyout Menu
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view 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 automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I would love to buy your product BUT, I am not sure if it will do what I want - can I call javascript within the dynamic menu?

For example my old page for disaster recovery we have inserted a URL substitution :

The javascript function is called at the top of the nav page:

<script LANGUAGE = "JavaScript" SRC = "../urlSub.js"> </script>

then the link on the nav menu

<a> href="#" ONCLICK = "urlSubstitution('transco/sheet.asp?stype=1')">Table of Contents </a>
-----------------------------------------------------------------------------------------------------
HOWEVER, Im not sure if this is possible with your product?

A: Yes, it is possible.

Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];

or

  var menuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];


Q: I have a popup that in one of the submenus has an input field. There is a problem – if the user clicks into the entry field, but moves the mouse outside the java swing menu, the menu can close while the user is still typing. Is there any way to prevent that from happening?

A: You can make submenus to stay visible till you click outside the menu or scroll your page.To enable this feature you should set the following parameter:

  var smHidePause=-1;

You can set this parameter to each submenu individually usingIndividual Submenu Styles.



Q: I tried the following for subitem and it worked but not working with the "Title item" (Group or header item), is there a way to process onclick for the title item? Thanks again.

You're able to use Javascript for each item, for example:
  var tmenuitems = [
["item text", "javascript:your_code_here"]
];

A: Unfortunately, title items doesn't allow to use Javascript in the sameway.
But you can do the following:

  var tmenuitems = [
["<div onclick='your_code_here'>title text</div>"]
];



Q: I appreciated your prompt response.  However, if I set the exact height for easy tabs content, certain tab's content will not show up fully.  We need to have every tab has different height in this site.  Do you know why IE 7 doesn't behavior properly but IE 6 does?  Can you provide a work around for me ASAP?

A: In that case you should delete height parameter at all from yourstyles.

<div id="content1" style="visibility: hidden;" class="tabPage">