Dojo Menu Bar With Accordion Submenu by Deluxe-Menu.com
Dojo Menu Bar With Accordion Submenu

Menu Screenshots

Dojo Menu Bar With Accordion Submenu Top Menu Example

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!
Dhtml Menu Collapse Dojo Menu Bar With Accordion Submenu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dojo menu bar with accordion submenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Is there a way with your script drop down menu to make the menus appear to be expanded when on a certain page?


A: No, unfortunately there is no way to expand Deluxe Menu.

You can try to use Deluxe Tree, http://deluxe-tree.com in that case.
You can expand specific items in Deluxe Tree using

dtreet_ext_expandItem ()

function.

Find more info here:

http://deluxe-tree.com/functions-info.html


Q: I am a software developer interested in using deluxe menu for my company’s website. One of the important features of our website is multiple language support, typically Chinese.

Does deluxe menu have support for Chinese or other Unicode characters?


A: You're able to use any characters for Deluxe Menu in the same way asyou use them for standard html page.
The only issue is that submenus can be shown in incorrect positionwhen you're using dir=rtl for your page.

Please, try a trial version.


Q: Under Parameters ->> Dimensions ->menuWidth
Even I change the value such as 150px it doesn't have any effect on javascript dhtml menu itself.

Changing menuHeight property such as menuHeight = 123px moves menu down from the top of the page instead of changing height of the menu itself.

I used templates ->> vista -> vista style 3-03 to generate the javascript dhtml menu and modified it.

A: See, you have itemWidth and itemHeight in the Individual Style.

  var itemStyles = [
["itemWidth=94px","itemHeight=23px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=bold 10px Tahoma","fontColor=#FFFFFF,#FFFFFF", "itemBackImage=data-vista-3-03.files/btn_cyan.gif,data-vista-3-03.files/btn_cyan2.gif"],
];

You cannot set the less value for the menuwidth in that case. You canset only the bigger value:

  var menuWidth="550px";

To change the menuHeight you should also use itemHeight parameter, forexample

itemHeight=123px



Q: I'm having difficulty understanding how to set up css drop down menus. The differences between menuStyles, itemStyles, CSS and CSSText is very unclear, and doesn't seem to be well documented.

Do you have any better documentation or writeup on using this feature?

A: No, unfortunately we don't have additional documentation. You can findall info on our site.

We have several examples of the menus using css.

You should set   var cssStyle=1; parameter and then assign your stylesto the items.

  var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.

  var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.

  var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.

It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.