66 プルダウンメニューにリンクを貼る


 プルダウンメニューの中からページを選択すると、そのページへ移動します。


 プルダウンメニューを表示したい箇所に下記の <FORM> から </FORM > までを記述します。

<FORM>
<SELECT onChange="location=this.options[this.selectedIndex].value">
<OPTION SELECTED>SALTY LECTURE
<OPTION VALUE="lesson65.html">前ページへ戻る
<OPTION VALUE="homepage.html">HP講座目次
<OPTION VALUE="homepage2.html">サンプル集目次
<OPTION VALUE="lesson01.html">lesson01
<OPTION VALUE="lesson02.html">lesson02
<OPTION VALUE="lesson03.html">lesson03
<OPTION VALUE="lesson04.html">lesson04
<OPTION VALUE="lesson05.html">lesson05
<OPTION VALUE="lesson06.html">lesson06
<OPTION VALUE="lesson07.html">lesson07
<OPTION VALUE="lesson08.html">lesson08
<OPTION VALUE="lesson09.html">lesson09
<OPTION VALUE="lesson10.html">lesson10
</SELECT>
</FORM>


 プルダウンメニューに背景色を付け、文字に色を指定するには、STYLE="background-color:xxxxxx;color:xxxxxx" を加え、下記のように記述します。xxxxxx の部分は16進数またはカラーネームで色を指定します。

<SELECT onChange="location=this.options[this.selectedIndex].value" STYLE="background-color:E0FFFF;color:#4169E1">