Zen Cart Dropdown Menu by Deluxe-Menu.com
Zen Cart Dropdown Menu

Menu Screenshots

Zen Cart Dropdown Menu Quick Menu Javascript

Features

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
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
Treemenu Dynamique Zen Cart Dropdown Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your zen cart dropdown menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed zen cart dropdown menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: I am in the process of evaluating the deluxe-menu product V3.2.7.16 and have created a simple HTML using the deluxe-menu Vista Style #6. This works great and displays with the animation in IE and also using FireFox V2 with IE tabs.. However, in basic FireFox and Safari, the javascript menus display but without the swirling animation. Pls advise !!

A: Filters and transitional effects are features of Internet Explorer5.5+ only.

See more info here:
http://www.deluxe-menu.com/filters-and-effects-sample.html



Q: How do I create more space between the menu items?

I have tried adding to the Item Appearance, itemSpacing and itemPadding.


A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

You can also use this parameter:

  var itemPadding = "4px";

You can also set multiple values, for example:

  var itemPadding = "2px 15px 5px 5px";

(top, right, bottom, left)


Q: How do assign my own onclick events to menu options for the dhtml menubar?
I want do more than just redirect to an href.

A: Actually you can use your own Javascript code instead standard links.
For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];

or

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



Q: I have downloaded the trial version of Deluxe Menu and am seriously looking at buyingit. I am trying to go thro the instructions and check out if it meets my requirement.

I am not able to figure out how to equally space out all my menu items on the javascript menu bar.

My menu bar width is fixed at 800 px and I have 7 items - horizontal type. The menuitems widths appear different for the menu items. How do I ensure that all of them are ofequal size ??
A: Set width for the items using Individual styles:
  var itemStyles=[["itemWidth=100px"],] //style 0
Assign Individual Styles for the menu Items.
  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
];