Template:

Mozilla Style Template - Dhtml Pull Down Menu

    - Relative/Absolute menu position
    - Personal CSS styles for separate menu elements
    - Submenus dropdown on mouseover
    - Top items and submenus have a shadow
    - Unlimited number of sub levels
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Inactive/Disabled items

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

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

Menu Screenshots

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

Features

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

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed flash menu despleglable inside td samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Tree Drag And Drop Javascript Flash Menu Despleglable Inside Td

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

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!

2.0 Buttons by Web-Buttons.com v3.0.0

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

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.

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

Recent Questions

Q: On the same collapsible menus, is there any way to remove the spaces between the top items?

A: No, unfortunately there is no way to remove that space in XP Style
  var tXPStyle=1;

If you use
  var tXPStyle=0;

you can set the following parameter:
  var titemHeight=18;

Q: When I want to have the same width of each item I use the individuel styles sometime it works and sometime not

A: See, when you use Individual styles to set the width for your items

var bstyles = [
["bitemWidth=150px"],
];

you should check that you haven't set the exact width for the menu

var bmenuWidth="250px";

Please, check it.

Q: I have written my own javascripts function.
How to call the function in my java script menu?

A: You should paste "javascript:some_function()" into item's link field,for example:

var tmenuItems = [
["text", "javascript:window.print(...)", ...]
];

Q: Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high.

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

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

];

Please, see the following parameters:

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

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