Drop Down Menu
 << Back | Home | Next >>

 

Instructions:

  1. Part one is the JavaScript function for moving between pages
  2. Put first part of the script anywhere between your head tags. (<head> and </head>)
  3. Second part is the actual example of the drop down menu,  you can put it anywhere in your body
  4. Change option values, background color and text properties as you want 

Part 1. Put this part between your head tags:

<script LANGUAGE="JavaScript">

<!--

function leapto(form) {
var myindex=form.dest.selectedIndex
location.href=(form.dest.options[myindex].value);
}

// End -->

</script>

Part 2. This is the example of the drop down menu:

<form name="quicklinks">
<div align="center"><center><p><select NAME="dest"
style="BACKGROUND-COLOR: #DEDEDE; COLOR: #003366; FONT-FAMILY: Arial; SIZE=" 1"
onChange="leapto(this.form)" size="1">
<option selected>JavaScript Quick Menu:</option>
<option value="javascript.htm#Favorites">...Add to favorites</option>
<option value="javascriptonmouse.htm">...Change Images onMouseOver</option>
</select></p>
</center></div>
</form>

Close this window