 |
プルダウンメニューを作ってみよう
プルダウンメニューでリンク先を選択してジャンプする方法には、
@リンク先を選ぶと自動的にジャンプするものと、
A「Go」ボタンをクリックして移動するものとが2つの方法があります
まず、右のスクリプト文をTITLEの後にコピーペーストしてください。
メニューはFORM文で指定します。
<FORM>
コンテンツ一覧 <SELECT onChange="menuLink(this.options[this.selectedIndex].value)">
<OPTION SELECTED>選んでください.</OPTION>
<OPTION VALUE="index.html">ホーム</OPTION>
<OPTION VALUE="java.html">JAVA講座</OPTION>
<OPTION VALUE="hpkouza.html">HP講座</OPTION>
<OPTION VALUE="cgi.html">CGI加工</OPTION>
<OPTION VALUE="toiawase.html">お問い合わせ</OPTION>
<OPTION VALUE="sutaff.html">スタッフ紹介</OPTION>
</SELECT>
</FORM>
■サンプルをご覧下さい、
SAMPLE
|
<HTML> <HEAD> <TITLE>タイトル</TITLE>
<SCRIPT LANGUAGE="JavaScript"> <!-- function
menuLink(linkLoc) { if(linkLoc !="") { window.location.href=linkLoc;}
} //-->
</SCRIPT> </HEAD> |
|