トップに戻る

サンプル	ここの文字をコピーして貼りつけよう
ボタンありタイプ	<!--★動き始まり--> <FORM method="post"> <SELECT name="link"> <OPTION style="background-color:#FFFFFF; color:#3366FF" selected value="-">　　　　　★　メニュー　★</OPTION> <OPTION style="background-color:#FFFFFF; color:#3366FF" value="-">------------------------</OPTION> <OPTION style="background-color:#3366FF; color:#FFFFFF" value="sanpu1.html">サンプルページ１へ</OPTION> <OPTION style="background-color:#FFFFFF; color:#3366FF" value="sanpu2.html">サンプルページ２へ</OPTION> <OPTION style="background-color:#3366FF; color:#FFFFFF" value="sanpu3.html">サンプルページ３へ</OPTION> <OPTION style="background-color:#FFFFFF; color:#3366FF" value="-">------------------------</OPTION> </SELECT> <INPUT type="button" value="GO!" onClick="location.href=this.form.link.options[this.form.link.selectedIndex].value"> </FORM> <!--動き終わり★--> 背景の色は background-color:#3366FF; の #3366FFなどを、文字の色はcolor:#FFFFFF" の #FFFFFFなどをかえてください。
ボタンなしタイプ	<!--★動き始まり--> <SCRIPT LANGUAGE="JavaScript"> <!-- function Mylink(sel){ mlink=sel.options[sel.selectedIndex].value; if(mlink!="-"){ location.href=mlink; } } //--> </SCRIPT> <FORM method="post"> <select onChange="Mylink(this)"> <OPTION selected value="-">　　　　　★　メニュー　★</OPTION> <OPTION value="-">------------------------</OPTION> <OPTION value="sanpu1.html">サンプル１</OPTION> <OPTION value="sanpu2.html">サンプル２</OPTION> <OPTION value="sanpu3.html">サンプル３</OPTION> <OPTION value="sanpu4.html">サンプル４</OPTION> <OPTION value="sanpu5.html">サンプル５</OPTION> <OPTION value="-">------------------------</OPTION> </select> </FORM> <!--動き終わり★-->