Jquery Ui Drop Down Menu by Deluxe-Menu.com
Jquery Ui Drop Down Menu

Menu Screenshots

Jquery Ui Drop Down Menu Trees In Javascript

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery ui drop down menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Drop Down States Net Jquery Ui Drop Down 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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: Is this transparent feature there for individual submenu styles or for individual menu items in scrolling menu? I want that.

A: See, you can use "transparent" value instead of any color in the mainmenu parameters and in Individual styles.

  var menuBackColor="transparent";
  var menuBorderColor="transparent";
  var itemBackColor=["transparent","transparent"];
  var itemBorderColor=["transparent","transparent"];
  var moveColor="transparent";
  var shadowColor="transparent";

  var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderColor=transparent,transparent"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBorderColor=transparent"],
];


Q: I would like to call a popup window with javascript from a menu item.

A: You should add the code for popup window on your html page with the menu:
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2006, DeluxePopupWindow.com -->

Inside menuItems you should open the window in the following way:

["Click to open Popup Window","javascript:deluxePopupWindow.open('window1',
'http://deluxepopupwindow.com', 'Popup window',
'width=420,height=300,resizable,scrollbars=no,middle,right,fade-effect',
'windowsvista_graphite','iframe')",
"", "", "", "", "0", "", "", "", "", ],

More info about deluxePopupWindow.open() method you can find here:
http://deluxepopupwindow.com/window-installation-info.html


Q: Javascript menu frame Borders are present Firefox but missing in IE7, IE8, Google Chrome, Safari.

Firefox shows the borders ok.

A: You've set the following parameters in this menu:
  var menuBorderColor="#FF9191 #FF7837 #E10000 #952D00 ";
  var menuBorderWidth=3;
  var menuBorderStyle="";

You should specify style for your border, for example:
  var menuBorderStyle="solid";

See the attached example. I cannot notice such issue on Safari forWin. Write what version you're using.

Change also
  var fontStyle=["normal 8pt Verdana,normal 8pt Verdana","normal 8pt Verdana,normal 8pt Verdana"];
to
  var fontStyle=["normal 8pt Verdana","normal 8pt Verdana"];


Q: I am new for this recently i downloaded this deluxe-menu trial version.
Can u please explain javascript expand menu (mene, table look like vista) creation and implement in html files, asp.net, php briefly.


A: 1. Create your menu in Deluxe Tuner.

When you open Deluxe Tuner you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" onthe 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://deluxe-menu.com/parameters-info.htmlhttp://deluxe-menu.com/menu-items-info.htmlYou can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

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

So, you'll have folder with all engine files and images("deluxe-menu.files/" folder by default), deluxe-menu.html file anddata-deluxe-menu.js file with all menu parameters.

Open deluxe-menu.html file in any text editor and copy several rows ofcode into your page (for example index.html page of your website).

Copy and paste several rows into your html page (index.html).

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a><</noscript>
<script type="text/javascript">  var WorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
...
</head>
<body>
...
<table>
<tr><td><<script type="text/javascript" src="deluxe-menu.files/data-deluxe-menu.js"></script></td></tr> //data-deluxe-menu.js - data file createdin Deluxe Tuner.
</table>
...
</body>
You should also copy "deluxe-menu.files/" folder with all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js
and data-deluxe-menu.js file into the same folder with your index.html page.
Try that.

You can see more info about installing here:
Deluxe Menu
http://deluxe-menu.com/installation-info.html
Deluxe Tree
http://deluxe-tree.com/installation-info.html
Deluxe Popup Window
http://deluxepopupwindow.com/window-installation-info.html
Deluxe Tabs
http://deluxe-tabs.com/product-info/

Unfortunately we don't have examples with ASP and SQL.
The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html