Websitebaker Horizontal Menus by Deluxe-Menu.com
Websitebaker Horizontal Menus

Menu Screenshots

Websitebaker Horizontal Menus Popmenu

Features

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
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
Dynamic Html Menu Websitebaker Horizontal Menus
Cost Effective
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed websitebaker horizontal menus samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: How do assign my own onclick events to menu options for the dhtml menubar?
I want do more than just redirect to an href.

A: Actually you can use your own Javascript code instead standard links.
For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];

or

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", ""]
];



Q: Is there a property in the data.js file - or any other file - where the pulldown menu can be hidden initially until needed?

A: You can hide the menu onload
document.getElementById('dm0m0').style.visibility = "hidden";

And then show the menu when your user will be validated.


Q: I want to activate script pop up by a hyperlink.

A: Drop down menu items is an array of arrays. It has the following structure:

  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];

where target is target for an item link.
Available values: _self, _blank, _parent, _search, _top.

So you can set the target value _blank for the items you need.

For example:

  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","http://deluxe-menu.com", "", "", "", "_blank", "", "", "", "", "", ],
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
 ["|Dynamic Functions","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "", "", "", "", "", ],
];

More info you can find here:
http://deluxe-menu.com/menu-items-info.html



Q: I make an example of html menu, but when i use it with frameset then the menu not show completly.

Is this possible, perhaps by using a javascript call?


A: To initialize the cross frame menu you should call dm_initFrame() function
instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.

You will find additioanal info about cross frame menu here:
http://deluxe-menu.com/cross-frame-mode-sample.html