Make your own free website on Tripod.com



               
               
Design Tips
Design Tips




Pull-Down Menus

A pull-down menu with JavaScript is a compact and quick way for visitors to travel your site. Use it as a menu for your entire site on your opening page or place it deeper within the site in a specialized section.
Design Tips:
Copy and Paste!
Place This Code in the Head Section
_______________________________________
<SCRIPT LANGUAGE="JavaScript">
//this function supports the UNIT jump menu
function jump(){
	//find out what is currently selected
	 var loc=document.info.jumpMenu.options
	 [document.info.jumpMenu.selectedIndex].text;
	//give the person the page they selected
     if (loc == "Navigation"){
          location="navigate.html";
     }else if (loc == "Right Menu"){
          location="rightborder.html";
     }else if (loc == "Color Splash"){
          location="colornet.html";
     }else if (loc == "Pull-Down Menu"){
          location="menu.html";
     }else if (loc == "Shadow Text"){
          location="shadownet.html";
     }    
}
</SCRIPT>
_______________________________________
Place The Following Section in the Body
<FORM NAME="info">
<select NAME="jumpMenu" onChange="jump()">
<OPTION>
<OPTION> Navigation 
<OPTION> Right Menu
<OPTION> Color Splash
<OPTION> Pull-Down Menu
<OPTION> Shadow Text
</select>
</FORM>