Drop Down Menu With Graphic Go Button

Home About Us View the Guest Book Sign the Guest Book News

Copy and Paste: <!-- Place in Head section of your document --> <SCRIPT LANGUAGE="JavaScript"> <!-- //This is the function which sends the user to the selected page function goThere() { location.href=selector.links.options[selector.links.selectedIndex].value } //--> </SCRIPT> <!-- End Head Section --> <!-- Start the form (in body), the NAME attribute is required --> <FORM NAME="selector"> <!-- Start the pull-down menu, the NAME attribute is required --> <SELECT NAME="links"> <!-- Insert links and titles; the user will see the titles --> <OPTION VALUE="index.html" SELECTED>Home <OPTION VALUE="about.html">About Us <OPTION VALUE="view.htm">View the Guest Book <OPTION VALUE="sign.htm">Sign the Guest Book <OPTION VALUE="news.htm">News <!-- End the pull-down menu --> </SELECT> <!-- Insert the image. You can change it to be any image you like. This is just a very simple and boring example. Make it a hyperlink which refers to the function goThere() in the head of the document and you're ready to go! --> <A HREF="javascript:goThere()"> <IMG BORDER="0" SRC="http://webgear.datacreek.net/icon/22.gif" width="32" height="32" alt="Your Image" align="middle"></A> </form>