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

Menu Screenshots

Dojo Horizontal Menubar Example Onmouseover Arrows

Features

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 dojo horizontal menubar example menus easily and in no time
  • Sensible menu parameters for manual editing
Dhtml Expandable Menu Dojo Horizontal Menubar Example
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dojo horizontal menubar example 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!
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: Do you have it in vertical orientation for dropdown menu javascript, please?


A: To create vertical drop down menu you should set the followingparameter:

  var isHorizontal=0;



Q: Is there a way to hide a menu options in the navigation menu using either CSS or the java api based on the site user?

A: Deluxe Menu supports Javascript API.
You can find more info here:

http://deluxe-menu.com/dynamic-functions-sample.html

You can try to use API functions in that case:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

To disable items you should set the target parameter to "_".

You can try to use the following function

function disable() {
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your items.




Q: I hope you have a instructions so we can install css menu in our website.

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your Css menu in Deluxe Tuner.

When you open Deluxe Tuner you can click "File/New" and add items
and subitems using buttons "Add Item" and "Add Subitem" on the main window.
See the parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://deluxe-menu.com/css-menu/parameters-info.html

2. You should install the menu on your page.
You can click, for example, File->Save Css Menu/Export HTML

So, you'll have folder with images and .css file ("deluxe-css-menu.files/" folder by default),
deluxe-css-menu.html file and deluxe-css-menu.js file with all menu parameters
(project file you need, if you want to modify your menu later,
there is no need to upload deluxe-css-menu.js on your server).

Open deluxe-css-menu.html file in any text editor and copy several rows of
code into your page (for example index.html page of your website).

Copy and paste several rows into your html page (index.html).

<head>
...
<link type="text/css" href="deluxe-css-menu.files/style.css" rel="stylesheet">
...
</head>

<body>
...
<!-- Deluxe Css Menu -->
<ul id="cssMenu">
<li><a href="testlink.html">Home</a></li>
<li><a href="#"><span>
<img class="def" src="deluxe-css-menu.files/icon1.gif"/>
<img class="over" src="deluxe-css-menu.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul style="width:161px;">
....
</ul>
<!-- (c) 2009, Deluxe-Menu.com -->
...
</body>

You should also copy "deluxe-menu.files/" folder with all images and .css file
into the same folder with your index.html page.

More info about installation:
http://deluxe-menu.com/css-menu/installation-info.html

Try that.

Q: I'm having trouble getting some of my dhtml menus free opening in the frm2. If you look under products, then Hard drives, then Rugged Airborne .....this one and Rugged Ground will not open in frm2 but the Contact Us and Get Quote are working fine. Can you help me get these things to open in a frm2.

A: You should write your menu items correctly.

Now you have
   ["||Rugged Airborne","../RuggedAirborne.htm","Airborne,"frm2","0", ],
   ["||Rugged Ground","../RuggedGround.htm","Ground","frm2","0", ],
it is not correct.

You should write:
   ["||Rugged Airborne","../RuggedAirborne.htm","","","Airborne,"frm2","0", ],
   ["||Rugged Ground","../RuggedGround.htm","","","Ground","frm2","0", ],