You should see the menu at the top of this page. I have changed the name of the leftmost link from the original that was Home to Dollarware in the custom.js file and all the child links from that main link. I have changed the background color.

Download the Script that Creates the Menu   View Instructions

Dynamic Drop Down Menu Saves Space

You can have a menu bar that will allow for access to many links within your site or to other sites without having to take up a lot of space on your web page.

It works by having a single line of links which respond to the mouse being moved over (onMouseOver) or being moved off (onMouseOut) various links in the single line. The response shows other links that appear to drop down from the link that the mouse is then over. Moving the mouse down the newly displayed menu will select from the choices that it has. And can even display another set of choices for one or more links. The result is that you can have 50 or 60 choices of links from a single line that contains only 5 or 6 immediately visible links.

This makes your page appear cleaner, less cluttered and more inviting, while still allowing the user to easily find other pages which may be of interest to her.

More Than One Menu On A Page

Since this type menu takes so little space on the page you could even place another one on the bottom of the page for links to other pages outside of your site, Each main link on that one could be the Homepage of another site of yours or, say a link exchange partner or a category of link partner. The drop down in this case might be other Homepages in that category.

 Free Program to Create Your Menu.

With some special coding using JavaScript or DHTML or some combination you can get it done. Here is a free download of one that seems easy enough to customize.

http://www.dynamicdrive.com/dynamicindex1/topmen3/

download the file topmenu3.zip (The program that produces the menu at the top of this page)

Unzip the file which produces a dozen other files. Keep them together in a folder on your desktop. Double-click on the template.html file and it will open in your browser. You can then see the way the menu works and what links it displays.

Open custom.js in Notepad and simply replace the links as you see them in the template.html file with ones which you want to have in your customized menu. Delete choices that you don’t need. Copy and rename as appropriate to add more choices to your menu. Save what you changed and open it with your browser to check it.

By having the custom.js open in one Notepad window and the template.html file open in your browser, you can change the code and see the results of your changes right away by clicking the Refresh button after you save the file in Notepad.

There is a readme file in the download that give you step by step instructions for the customization.

Others Offer More Features for a Price.

Some menu builders are entire programs just to create these menus ranging in price up to $70 or so. If you only need menus for a site or two, you can probably make do with the free scripts.

I use Sothink’s DHTML menu FrontPage add-in. It’s $35 but comes with a lot of customization of colors, styles and effects.

http://dollarware.us/dhtmlmenu.html

I used it to build the menu on this Homepage http://sfi-six-figure-income.com

I have added some further information and examples for drop-down menus here

http://dollarware.us/html-starter-pages

Look for the link in the right hand navigation frame.