Opencart Horizontal Menu by Deluxe-Menu.com
Opencart Horizontal Menu

Template:






    - Unlimited number of sub levels
    - Horizontal or vertical orientation
    - Submenus go over all page objects
    - Image arrows
    - Top items and submenus have a shadow
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Items with icons
    - Relative/Absolute menu position




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

Menu Screenshots

Opencart Horizontal Menu Como Crear Un Menu Con Javascript

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

Features

Cost Effective
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
Html Explorer Menu Style Opencart Horizontal Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed opencart horizontal 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!
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: Is there a way to fix it so that in the dhtml tree menu when you have link set it doesn't expand the menu and then load the page. It should only load the expand the menu if I click the + image if I have a link...

Example...

 ["|ACRYLIC BRUSHES", "fright_itemlist.asp?level1=BRUSHES ~ KNIVES&level2=ACRYLIC BRUSHES","","","","", "_self","","","tmlevel3/m251.js",]

A: But Deluxe Tree works in this way now.

If your item has link and subitems at the same time you should clickon the item to open item's link and click on the "+" sign to expandthe item.

Make sure that you've set the following parameter:

  var texpandItemClick=0;



Q: I can't figure out how to change the names of each tab for the simple dhtml tabs!

A: You can set the name of each tab in the Deluxe Tuner.
Double click on the item name in the Items area.

Or set the name of the tab using   var bmenuItems:

  var bmenuItems = [
["Name of Tab1","content1", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Name of Tab2","content2", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Name of Tab2","content3", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Contact us","content4", "", "", "", "", "2", "", "", ],
];

Q: How do I get my existing HTML code inside the rollover tabs?


A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes.
Use the following prefixes within item's link field:

"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],



Q: How do I make the buttons in my java navigation menu transparent?
I only want to see the letters appear in my table and not the button until I mouse over it?


A: To set transparent background for the menu you should set:

  var menuBackColor="transparent";
  var itemBackColor=["transparent","transparent"];


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