便利eelife Java Script

   戻る

スタイルの変更。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<SELECT name="map" size="3" style="font-size : 15px;font-family : Impact;
font-weight : bold;color : yellow;background-color : navy;"
>

<OPTION value="*" selected>-- サイトマップ --</OPTION>
<OPTION value="index.html">トップページ</OPTION>
<OPTION value="news.html">ニュース</OPTION>
<OPTION value="kenkou.html">医療.健康</OPTION>
<OPTION value="*">------------</OPTION>
<OPTION value="Java/Java_top.html">JavaScript</OPTION>
<OPTION value="color/color_top.html">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="font-size : 15px;font-family : Impact;
font-weight : bold;color : yellow;background-color : navy;"のようにスタイルを指定します。
font-size : 15px;---->フォントサイズ
font-family : Impact;---->フォント
font-weight : bold;---->太文字
color : yellow;---->文字の色
background-color : navy;---->背景色。

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