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

Template:

Grey Rounded Menu Template - Pure Css Menu






    - Sound support!
    - Search feature - add the search area in the menu and type symbols.
    - Transition #14 - "fade out" effect
    - Cross-frame support - menus work on frameset-based pages
    - Relative/Absolute menu position
    - Personal CSS styles for separate menu elements
    - Submenus automatically scrolls
    - Image arrows




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Jquery Amazon Style Menu Dhtml Drop Menu

Buy Now!   ::  Free Trial Download   ::  More Info

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!
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
Using Javascripts Jquery Amazon Style Menu
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
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I would like to add a javascript link but cannot seem to get it handle the event as a tag or onclick event. I just want to grab the current page, insert it into a string, and go off to the page it specifies. Can this be done?


A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

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

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];


Q: Tree menu doesn't display properly in Firefox or IE7. Could you give me advice on how to correct this problem? The menu creates black 'blinds' horizontally across the page. Since IE7 will be rolling out soon I need to get this corrected sometime in the next couple weeks.


A: Try to specify units in "px".
  var tmenuWidth = "280px";
It's necessary to specify exact value for Mozilla browsers. It helps to position menus correctly.


Q: Can I set up Individual Styles for the navigation bar menu using Deluxe Tuner?

A: Of course you can set it in Deluxe Tuner.

1) Click "Edit Individual Styles..." button.
2) In the "Individual Styles" window click "Add Style".
3) Set itemWidth parameter.
4) Click "OK" button.
5) Select your top items and assign "Item Style" to it. (in the "ItemParameters" window)




Q: I pushed the js files you attached and it fixed my Trial error message but now my left menus APPLMENU.JS and APPL2MENU.JS won't mouse over and won't open the submenus and it gives a javascript error.


A: Now you have several errors in you data files appl2menu.js andapplmenu.js.

Now you have
  var menuBackColor="cccccc";
  var menuBorderWidth="";
  var itemBorderWidth="";

This is not right.
Try to write them:
  var menuBackColor="#CCCCCC";
  var menuBorderWidth="0"; //this parameter cannot be empty
  var itemBorderWidth="0"; //this parameter cannot be empty


Buy Now!   ::  Free Trial Download   ::  More Info