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> |