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

Menu Screenshots

Jquery Amazon Style Menu Simply Menu Horizontal

Features

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
Cost Effective
Java Script Tree Example Jquery Amazon Style Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery amazon style menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: Can I show / hide the javascript floating menu as needed.

A: You should paste javascript code into item's link field of the floating menu,for example:

  var menuItems =
[ ["text", "javascript:document.getElementById('dm0m0').style.visibility='hidden'", ...]
];


Q: Is it possible to generate Kaspersky java tab menu from dynamic content?

i.e I have a web application which currently generates a certain number of tabs for content based on a users selection.

Can the Kapersky tabs be generated from dynamic content, or does it need to be hard coded for the number of tabs and placement?


A: Unfortunately, Deluxe Tabs doesn't have such a feature.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript" src="menudir/dtree.js"></script>
<!-- (c) 2006, http://deluxe-tree.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var tmenuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

This example is not for Deluxe Tabs menu, but you can create your menu in the same way.


Q: I can display time in 12 or 24 hour format in the dhtml date picker- however for the selection it only allows 24 hour format.

A: Try to specify date format in the following way:

%L %d, %Y, %l, %I:%M %p

So, you'll have: January 14, 2009, Jan, 03:50 pm



Q: Could you also tell me where I should place the images I wish to use in the menu, eg arrows. When I select an image to use they are not appearing in the preview, or when I launch deluxe-menu.html?

A: Please, check images paths within data .js file.
For example, if you have data.js file here:

c:/website/data.js

and your images are stored here:

c:/website/images/

you should set image name so (for example):

  var arrowImageMain = ["images/arrow1.gif", "images/arrow2.gif"];

If you use Tuner, you should save data .js file before you'll selectimages. When you save .js file it means that you set a root directoryfor the project, so Tuner can make all selected images with relativepaths.