JAVASCRIPT MENUS

Visit Link on Click

LingoLinda Pals Title Title Title Title

<SCRIPT Language="JavaScript"> <!-- hide from old browsers function loadPage(pageURL){ location.href = pageURL.options[pageURL.selectedIndex].value } //--> </SCRIPT> <FORM> <FONT SIZE=4> <SELECT NAME="selectMenu1" onChange="loadPage(this)" SIZE=4> <OPTION VALUE="http://www.lingolinda.com">LingoLinda</OPTION> <OPTION VALUE="http://www.lingolinda.com/grads06/2007/pals/index.php">Pals</OPTION> <OPTION VALUE="URL">Title</OPTION> <OPTION VALUE="URL">Title</OPTION> <OPTION VALUE="URL">Title</OPTION> <OPTION VALUE="URL">Title</OPTION> </SELECT> </FONT> </FORM>

Visit Select Link on Button Click

LingoLinda Grad Pals Title Title Title Title

<SCRIPT Language="JavaScript"> <!-- hide from old browsers function loadPage(pageURL){ location.href = pageURL.options[pageURL.selectedIndex].value } //--> </SCRIPT> <FORM> <FONT SIZE=4> <SELECT NAME="selectMenu2" SIZE=5> <OPTION VALUE="http://www.lingolinda.com">LingoLinda</OPTION> <OPTION VALUE="http://www.lingolinda.com/grads06/2007/pals/index.php">Grad Pals</OPTION> <OPTION VALUE="URL">Title</OPTION> <OPTION VALUE="URL">Title</OPTION> <OPTION VALUE="URL">Title</OPTION> <OPTION VALUE="URL">Title</OPTION> </SELECT> </FONT> <br /> <INPUT TYPE=BUTTON VALUE="GO" onClick = "loadPage(this.form.selectMenu2)"> </FORM>

Dropdown Menu

Menu Grad Pals LingoLinda Title Title Title

<SCRIPT Language="JavaScript"> <!-- hide from old browsers function loadPage(pageURL){ location.href = pageURL.options[pageURL.selectedIndex].value } //--> </SCRIPT> <FORM> <FONT SIZE=4> <SELECT NAME="selectMenu3" onChange="loadPage(this)"> <OPTION VALUE="selectMenu3">Menu</OPTION> <OPTION VALUE="http://www.lingolinda.com/grads06/2007/pals/index.php">Grad Pals</OPTION> <OPTION VALUE="http://www.lingolinda.com">LingoLinda</OPTION> <OPTION VALUE="URL">Title</OPTION> <OPTION VALUE="URL">Title</OPTION> <OPTION VALUE="URL">Title</OPTION> </SELECT> </FONT> </FORM>

Button Change on Mouse Over

Uses images for button

LingoLinda Grad Pals Title Title Title Title

<table border=0 cellspacing=0 cellpadding=0><tr><td> <SCRIPT Language="JavaScript1.1"> <!-- hide from old browsers var menuImg0 = "blue1.gif" var menuImg1 = "blue2.gif" function changeImgOver(imgName){ imgName.src = menuImg1 } function changeImgOut(imgName){ imgName.src = menuImg0 } //--> </SCRIPT> <FONT SIZE=4> <IMG SRC="blue1.gif" width=17 height=17 NAME="m1"> <A HREF="http://www.lingolinda.com" onMouseOver="changeImgOver(m1)" onMouseOut="changeImgOut(m1)">LingoLinda</A> <br /> <IMG SRC="blue1.gif" width=17 height=17 NAME="m3"> <A HREF="http://www.lingolinda.com/grads06/2007/pals/index.php" onMouseOver="changeImgOver(m3)" onMouseOut="changeImgOut(m3)">Grad Pals</A> <br /> <IMG SRC="blue1.gif" width=17 height=17 NAME="m4"> <A HREF="URL" onMouseOver="changeImgOver(m4)" onMouseOut="changeImgOut(m4)">Title</A> <br /> <IMG SRC="blue1.gif" width=17 height=17 NAME="m5"> <A HREF="URL" onMouseOver="changeImgOver(m5)" onMouseOut="changeImgOut(m5)">Title</A> <br /> <IMG SRC="blue1.gif" width=17 height=17 NAME="m6"> <A HREF="URL" onMouseOver="changeImgOver(m6)" onMouseOut="changeImgOut(m6)">Title</A> <br /> <IMG SRC="blue1.gif" width=17 height=17 NAME="m7"> <A HREF="URL" onMouseOver="changeImgOver(m7)" onMouseOut="changeImgOut(m7)">Title</A> </FONT> </td></tr></table>