セレクトBOXを飾る
ブラウザ及びバージョン (IE3) (N2)
セレクトBOXに背景色を付ける
★
セレクトボックスにSTYLE設定で色を付けると見違えるように綺麗になりますよ。
ソースが２つ HEAD 間と BODY に分かれていますので間違えないようにね！
Download 下記よりソースを（コピー＆メモ帳に貼り付け）保存して使用してください。
＜!--*****--＞は説明文ですから、そのままでも良いですが要りません。
|
セレクトボックスの ＪａｖａＳｃｒｉｐｔ のソース
|
以下のソースを HEAD 内に入れてね !
<![CDATA[<script language="javascript">
<!--// Donkey's HP
function linkMenu() {
var ref = document.myForm.mySelect.options
for(var i = 0 ; i < ref.length ; i++) {
if(ref[i].selected) {
var jumppage = ref[i].value
ref[0].selected = true
break
}}
location.href = jumppage
//window.open(jumppage)
}
//-->
</script>]]>
上記のlocation.href=jumppageは同じウィンドでジャンプですが、
window.open(jumppage)に書き換えると新しいウィンドを開いてジャンプします。
|
|
セレクトボックスの表示と背景色を付けるソース
|
このソースをBODY内の表示したい場所に入れてください。
<![CDATA[<FORM name="myForm">
<SELECT name="mySelect" onchange="linkMenu()"
style="font-size:10pt; color:yellow; background-color:#010066">
<!-- font-size=文字サイズ、color=文字色、background-color=背景色です。-->
<OPTION>*ＭＥＮＵ*
<OPTION value="http://www.yahoo.co.jp/">Yahoo!</OPTION>
<OPTION value="http://www.google.co.jp/">Google</OPTION>
<OPTION>*END*
</SELECT></FORM>]]>
メニューは好きなだけ増やせます。 （value にURLを入れてね！）
|
|