Mini Menu Template by Deluxe-Menu.com
Mini Menu Template

Menu Screenshots

Mini Menu Template Dhtml Javascript Menu Code

Features

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!
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 Rolldown Menu Tutorial Mini Menu Template
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: Extremely new at this and likely way over my head…..but why when I attempt to use my own button image in the “itemBack Image” selection under “Edit Individual Styles” does it keep showing up blank in the preview screen?


A: Please, check all your paths.
You can also use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: I have a question, why sample 2 item in my horizontal dropdown menu is disable?


A: To disable items you should set item target parameter as "_".

For example:
 ["|Sample 2 is Disabled","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "_", "", "", "", ],


Q: Can I create a pop up using javascript that fly's out after 10 seconds.

Please advise.

A: Create popup window and set openAfter=10 parameter to it.
You can find this parameter in 'Actions' section.


Q: What I try to make is a menu dhtml with items having a border of only 1 px, also between the menu items. However it seems that Deluxe menu draws a 1 px line around every menu item giving an effective border line of 2 px between the area where the items touch each other. I want to have 1 px border also on the areas where the items touch each other.
Any suggestion how to fix this?


A: If you want to have the 1px border between the items only you canuse separators.

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="1";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];