Dojo Horizontal Menubar Example by Deluxe-Menu.com
Dojo Horizontal Menubar Example

Template:

Green Menu Template - Dhtml Sliding Menu





    - Image arrows
    - 85% transparency for sub menus
    - Transition #14 - "fade out" effect
    - Items with icons
    - Several menus on one page
    - Status string shows item labels
    - Text aligned to left
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Dojo Horizontal Menubar Example Dhtml Example Codes

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

Features

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
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
Javascript Dynamic Pop Menu Dojo Horizontal Menubar Example
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dojo horizontal menubar example menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



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

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!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I need to set individual itemtargets for a number of items in the navigation bar menu...

A: You can set target parameter for all items:

  var itemTarget="_blank";
or
  var itemTarget="main";

where main - is the name of the main frame where you want to open the link

or for each item individually:

["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
...
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],



Q: Obviously your menus are NOT cross browser usable, as you can e.g. Padding does not work in opera, while it works in IE.
When will there be an update on that bug?


A: Deluxe Menu works fine in all browsers.
Try to set exact width for the menu width and menu height, try also to specify unitsin "px":
  var menuWidth="500px";
  var menuHeight="20px";
  var smWidth="116px";
You should also check your padding parameter, you should write it so:
  var itemPadding="1px 1px 1px 12px";



Q: I have built a menu with deluxe menu and I have put everything in the same map but the page doesn't display the drop down menu it says there is an error. Could you look what I do wrong?

A: It is not correctly to write local paths on your website. They won'twork:

<script type="text/javascript" src="file:///C:/Test%20website%202008/x5/data.js"></script></td>

You should upload your data.js file in the same folder with yourdmenu.js file and write:

<script type="text/javascript" src="data.files/data.js"></script></td>



Q: I am working currently with deluxe-menu and am perfectly happy so far except one little thing: Does there exist a way to have the mousepointer being a hand instead of the regular pointer while going over the menu (like it would be regular links)?


A: You should set this parameter:
  var itemCursor="pointer";

In this case you'll have the mousepointer being a hand for all itemsin the menu.

Unfortunately, you can't change cursor type for different items.
But you can write so:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
 ["|What's New","", , , , , "0", , , ],

In all items with links you should use <a> tag.

Set this parameter:
  var itemCursor="default";


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