Drop-Down Menu

A drop down menu is great when you don't have much room for your navigation. There are two types: with a button to activate the link, or an automatic jump with no button at all. First, with a button:

link 1link 2link 3 

Copy the following code into your HTML document wherever you want the drop-down menu to appear. Change "page.html" to the location of the page you want to link to, and "link 1,2,3" to the text you'd like to appear. You can add as many links, or "options," as you'd like.

______________________________________________________________________

<form name="jump">
<select name="menu">
<option value="page.html">link 1</option>
<option value="page.html">link 2</option>
<option value="page.html">link 3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="go">
</form>

______________________________________________________________________

 A drop-down menu without a "go" button is only slightly different; as soon as you select an option it will jump automatically to that page. Here's the code, customize it the same way:

______________________________________________________________________

 <form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="page.html">link 1</option>
<option value="page.html">link 2</option>
<option value="page.html">link 3</option>
</select>
</form>

______________________________________________________________________