Opencart Top Menu by Deluxe-Menu.com
Opencart Top Menu

Menu Screenshots

Opencart Top Menu Expand Menus

Features

Cost Effective
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!
Transparent Drop Menu Opencart Top 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 opencart top 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

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: I recently purchased your Deluxe-Tabs product and I am trying to create tabs that occupy 100% width with each tab being equal width.

Right now when I specify 100% menu width all of the tabs are difference sizes (widths).

How do I control the individual tab width?


A: You should use Individual Item styles to achieve this effect.

See the attached example.

You should set:

  var bmenuWidth="100%";

I have 5 items in my example, so I've created Individual Style

  var bstyles = [
["bitemWidth=20%"],
];

And assign it for all items:
["Item 1 aaaaa ssssss","", "", "", "", "", "0", "", "", ],
["Item 2 ffff jjjjjjjjjj","", "", "", "", "", "0", "", "", ],
["Item 3 text text","", "", "", "", "", "0", "", "", ],
["Item 4 text text","", "", "", "", "", "0", "", "", ],
["Item 5 text text","", "", "", "", "", "0", "", "", ],

But notice that items width cannot be smaller than the width of its'text. So it is possible that you'll have different size of some itemsif your window have a small size.


Q: I purchas the tab menu javascript but i when i add the javascript to my page i cannot go to the page where the link is pointing to.
The javascript containsthe link but when i calick the tab nothing happens.


A: Add 'link:' prefix before your links.

Try to write your links in the following way:

["Clinical","link:http://localhost:49303/Clinical_Policy.aspx", "", "", "", "Clinical Policy documents", "", "", "", ],
["Accounting","link:http://www.yahoo.com", "", "", "", "", "", "", "", ],
["Service Coordination","link:SC_Policy.aspx", "", "", "", "", "", "", "", ],
["Recruiting","link:Recruiting_Policy.aspx", "", "", "", "", "", "", "", ],
["Customer service","link:CS_Policy.aspx", "", "", "", "", "", "", "", ],
["Marketing","link:Marketing_Policy.aspx", "", "", "", "", "", "", "", ],


Q: How can I keep the items in dhtml css menu from opening into a new window when selected?

A: You can set target parameter for all items:
  var itemTarget="_self";

or for each item individually:
["Home","testlink.html", "", "", "", "_self", "", "", "", "", "", ],




Q: Do you have a menu that allows the sub-items to 'slide' out from the menu?
For example, you mouse-over the first button, and the sub menu slides from 'underneath' the button from left to right?


A: You should to use transitional effects.

Try to set
  var transition=6;
  var transOptions="";
  var transDuration=350;
  var transDuration2=200;

But notice that transitional effects are features of Internet Explorer5.5+ only.
See more info here:

http://deluxe-menu.com/filters-and-effects-sample.html

Try that.