Free Amazon Style Vertical Menu by Deluxe-Menu.com
Free Amazon Style Vertical Menu

Template:

Green Tabs Template - Mouseover Drop Down Menu






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - UL/LI items structure
    - Horizontal or vertical orientation
    - Hundreds of pre-designed templates
    - Sound support!
    - Personal CSS styles for separate menu elements
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Filters and Transitional effects




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

Menu Screenshots

Free Amazon Style Vertical Menu Slide Drop Down Javascript Menu

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your free amazon style vertical menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Javascript Horizontal Tabs Free Amazon Style Vertical Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free amazon style vertical menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
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.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is it possible via code customization to remove the border only forthe top level of js dropdown menu?

A: You can use Individual Item Style in that case.
You should create Individual Style, for example:

  var itemStyles = [
["itemBorderStyle=none,none"], // style 0
];

And assign it for top items:

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Features","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
 ["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
   ["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
   ["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
   ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Sample 1","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ], // assign style 0
];

More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html




Q: We have purchased 'Deluxe Menu...'.
We are integrating the menu into the site. However, we are facing an issue i.e. drop down menu with css overlapping the 'Select' box in the IE 6.0.

I went through the help pages in the deluxe menu website and tried out the Suggestion of assigning 1 to dmObjectsCheck i.e.   var dmObjectsCheck=1 and adding the function as below.

function dm_ext_ruleObjectHide()
{
return !document.all;
}

It is throwing some error when we do that. Could you please suggest, what should we to get rid of overlapping. Please see the attached screen for the error. The error captured using Firefox.

A: Check that you're using Deluxe Menu v3.2.5.
Check also that you have dmenu_add.js file in the same folder withdmenu.js file.

Or you can try to set also the following parameter:

  var useIFRAME=1;



Q: What I meant was that there is an API function dm_ext_changeItem that allows you to specify 8 dropdown menu parameters in an array. What if I only want to change one of them like the link for example? What do I specify in my function call to leave the other 7 parameters unchanged? Do I specify the existing values? Or, can I just put in a comma with no parameter? That would be a lot easier. Thank you.

A: You should specify only dropdown menu parameters you want to change.

You should just put a commas with no parameters, for example:

dm_ext_changeItem(0, 0, 1, ["Deluxe Menu Info", "", "", "", "Deluxe Menu Hint",,"1"]);

Q: Do you have an extremely simple example of modifying drop down menus with the JavaScript API?

A: You should use the following function:

function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

<script language="javascript" >
dm_ext_changeItem(0, 0, 1, ["", "", "new_icon.gif", "new_icon_o.gif", "",,""]);
</script>
Buy Now!   ::  Free Trial Download   ::  More Info