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

Menu Screenshots

Amazon Style Menu Jquery Page Scroll Javascript

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your amazon style menu jquery 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
Dhtml Xp Start Menu Amazon Style Menu Jquery
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed amazon style menu jquery 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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: I am having some trouble placing the menu drop down vertical in frontpage. Does your company have a toll free number and some kind of tech support for the frontpage material. We are very interested in your program.


A: Unfortunately, we don't provide support by phone, e-mail only.

See, you should do the following things.

1. Create your menu in Deluxe Tuner.
2. Export the menu into html file "File/Export/To HTML".
3. Copy generated folder with all engine .js files and images
("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default) into the same folder with you index.html page (created inFrontPage).
4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)or in any text editor. Open your index.html page and edit it.
Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.
5. Add the following code in the tag:

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

and
<script type="text/javascript" src="data-deluxe-menu.js"></script>
in the place where you want to have the menu.
You can paste it in <table>, <div> tags. For example.

<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>
6. Save your index.html page and open it in any browser.


Q: It looks as though I should be able to have an icon before each item in the sub-menu in javascript tabs, but I don't seem to be able to get thisto work.

Could you please tell me how to fix this?


A: You can use icons before each item in the sub-menu.
You should use the following parameters:

- set icon in the "Item Parameters" window.
- set the width and height of this icon

  var biconWidth=7;
  var biconHeight=7;
  var biconAlign="left";
- set, for example

  var bbeforeItemSpace=15;
  var bsmItemAlign="left";


Q: What can I tell people who aren't seeing their drop-down menu? For example, I have a client who can't see his on his machine, while I can on see the menu on one of my machines but not the other.

Please advise what makes the difference and how to correct the problem.

A: When your security settings in IE doesn't allow Javascript onpages you load you can't see a dynamic page content. So, you cannotsee your javascript menu at all.

There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.

You can use search engine friendly code, so you'll see all yourlinks (for the main items and submenus) when your security settings in IE doesn't allow Javascript.

You can generate search engine friendly code.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).



Q: Currently let us know how can we align the text at the top dropdown menu script so that the text will appear above the horizontal line.  

Kindly help us to solve this problem as soon as possible.

A: Unfortunately you cannot set vertical align for items text.But you can try to write your item text in the following way:

  var menuItems = [
["Home<br> ","/index.asp?pgid=1", , , , , "0", , , ],
["About Us<br> ","/index.asp?pgid=2", , , , , "0", , , ],
["Company News<br> ","/index.asp?pgid=3", , , , , "0", , , ],
["Services<br> ","/index.asp?pgid=4", , , , , "0", , , ],
 ["|Custom Publishing","/index.asp?pgid=6", , , , , , , ,],
 ["|On Product Publishing","/index.asp?pgid=7", , , , , , , , ],
 ["|Investment","/index.asp?pgid=10", , , , , , , , ],
["Contact Us<br> ","/index.asp?pgid=5", , , , , "0", ,, ],
];