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

Menu Screenshots

Jquery Flyout Menus Windows Menu Javascript

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
Script Animated Drop Down Menu Jquery Flyout Menus
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
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 flyout menus menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

Recent Questions

Q: I ran across your site on a search engine and downloaded the trial copy. I am playing around with it and have successfully generated  a menu bar which I wanted to try and test out.  I have followed the directions for installing it on my trial page of my website and can not get it to work. I am not sure what I am doing wrong .  I would truly love to buy this, but even with following the installation instructions, I can not get free javascript drop down menu to work.  I use Dreamweaver to build my site.

A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension and wedon't have plug-ins for it. To install the menu into your html page:

1. create and save .js file with your menu parameters in Deluxe Tuner(you can use "File/Save as/HTML" function).
You can enter any name you like, for example enter "menu". So you'llhave menu.html, menu.js files and "menu.files" folder with all menu files.
2. open your .html page in Dreamweaver
3. Copy generated menu.js file and "menu.files/" folder in the same folderwith your index.html page.
4. Open generated menu.html in any text editor and copy several rows of code (<script> tags), For info see:

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

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">free javascript drop down menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="menu.files/";</script>
<script type="text/javascript" src="menu.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="menu.js"></script>
...
</body>

That's all.


Q: Is there a way we can add javascript behaviors to the popup menu in java actions? For example, is there a way we can add an onClick function to a popup menu in java item (eg, onClick="return MyFunction( )" ) so that we can catch and process key events?

I'm really hoping there's a way of doing this...

A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item. However, you can achieve this by using standard html objects within popup menu in java items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];

You can use your own Javascript code instead standard links. For example:

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



Q: I really like floatable tree menus and want to add in this website.
I am not professional website developer … I’ve installed your trial software …
but not able to add tree menus in my website.
Can you pls guide me how I can add dhtml vertical menus in left side bar of website?

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your menu in Deluxe Tuner application.
You can create any menu you like in Deluxe Tuner.

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Tree ) you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" on the main window.
You should set items and subitems parameters on the "Item Parameters" window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://www.deluxe-tree.com/parameters-info.html

You can also use Individual Styles for items and subitems.

2. You should install the tree menu on your page.
You can click, for example, File/Export to HTML.

Add several rows into your html page.
<head>
...
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
<!-- (c) 2006 - 2007, http://deluxe-tree.com -->
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="menudir/data-tree.js"></script> </td></tr> //data-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>

You should also copy all engine files
dtree.js - menu engine file
dtree_add.js - additional module for floatable/movable menus
dtree_dyn.js - additional module with Javascript API to change the menu "on-the-fly"
dtree_ajax.js - additional module with the AJAX-like support

into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index.html page.

Try that.



Q: In dhtml xml menu, is possible call javascript when click on an item without close the menu?


A: In Deluxe Menu you can use the following parameter:

  var smHideOnClick=1;
Hides submenus on click
0 - disabled, 1 - enabled.