Dijit Menu Slider by Deluxe-Menu.com
Dijit Menu Slider

Menu Screenshots

Dijit Menu Slider Html Javascript Rollover Drop Down

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
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
Dhtml Dynamic Drop Down Navigation Example Dijit Menu Slider
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dijit menu slider samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your dijit menu slider menus easily and in no time
  • Sensible menu parameters for manual editing
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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I need to have a horizontal menu and a vertical menu on the same page (obviously with different content). I did this as two separate "projects" in the tuner and gave them different names so that the files wouldn't step on each other. However, it looks like only the second menu works, though it does show both. I assume it has something to do with the variable dmWorkPath overriding the first value with the second. How can I have two menus each with different content on the same HTML page?


A: You can use as many menus as you want on the one page.

But you should call dmWorkPath parameter and dmenu.js file only once.

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2007, http://deluxe-menu.com -->


Q: I am curious why there are no font settings for "Individual Styles" for"Submenu styles".

Basically I want to have a different font and color for my submenu items so they appear differently than the normal primary Items - but it seems there is only two options for fonts:

- The global font parameters affecting all fonts (primary and sub).
- And the Individial Styles for primary Item Styles.

Why no font paramenters for Submenu Items?


A: You can assign Item Style for the submenu item too.

See the example:

  var itemStyles = [
["fontStyle=normal 13px Comic Sans MS"], //item style 0
];
  var menuStyles = [
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //item style 0
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , "0", , , ], //item style 0


Q: Images don't appear in my menu.


A: Now you have two lines:

<SCRIPT type=text/javascript>  var dmWorkPath = "../misyssbm.files/";</SCRIPT>

and

<SCRIPT type=text/javascript>  var dmWorkPath = "../side_menu.files/";</SCRIPT>

But you should have only one line.
Please, check it.


Q: Your floatable menu only works for deluxe menu and not cool tab menu.
Is this feature available or no? I put floatable menu = 1 and it does not do anything.

A: Floatable feature in cool tab menu works only with absolute position:

  var babsolute=1;