便利eelife Java Script

   戻る

スタイルの変更 各項目の背景色、文字色を変えます。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<SELECT name="map" size="1">
<OPTION value="*" style="Color:red" selected>-- サイトマップ --</OPTION>
<OPTION value="index.html" style="backGround:#FFCCCC">トップページ</OPTION>
<OPTION value="news.html" style="Color:teal">ニュース</OPTION>
<OPTION value="kenkou.html" style="backGround:silver">医療.健康</OPTION>
<OPTION value="*">------------</OPTION>
<OPTION value="Java/Java_top.html" style="backGround:Lime">JavaScript</OPTION>
<OPTION value="color/color_top.html" style="Color:aqua">Color Room</OPTION>
</SELECT><INPUT type="button" value="GO!" onclick="Selc(map)">
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function Selc(Obj){
index_nub =Obj.selectedIndex;
link_lst=Obj.options[index_nub].value;
if(link_lst!="*")
location.href=link_lst;

}

// -->
</SCRIPT>
コメント
style="Color:red"、 style="backGround:#FFCCCC"のように色の名前またはカラーコードで
色を指定します。
style="Color: "は文字色、
style="backGround: "は背景色です。

セレクトメニュー(リストボックス)