javascriptはページローディングのCSSを変えます。
1673 ワード
これはクッキーがないので、自分で記録します。
＜meta http-equiv=「Content-Type」content=「text/」charset=utf-8'/>
＜title＞css test
＜link href=”http://img.jb51.net/css/001.css“id=”cssfile“rel=”styreet“type=”text/css"/>
＜スクリプト＞
function change Style(name){
//alert（name）
var css=document.getElemenntById（cssfile）；
css.href="http://img.jb51.net/css/「+name+」.css";
)
＜select onchange=「change Style」
＜option value=「001」selected=「selected」＞デフォルトスタイル
＜option value=「blue」青い経典
＜option value=「red」レッドドリーム
＜div id=「cssTest」＞
私は小さな小鳥です。
[Ctrl+A全選択注：外部Jsを導入するには、もう一度ページを更新してから実行できます。]
<link href="001.css" id="cssfile" rel="stylesheet" type="text/css" />
<script>
function changeStyle(name){
//alert(name);
var css = document.getElementById("cssfile");
css.href = name+".css";
}
</script>
<select onchange="changeStyle(this.options[this.selectedIndex].value)">
<option value="001" selected="selected"> </option>
<option value="blue"> </option>
<option value="red"> </option>
</select>
<div id="cssTest">
！
</div>
＜meta http-equiv=「Content-Type」content=「text/」charset=utf-8'/>
＜title＞css test
＜link href=”http://img.jb51.net/css/001.css“id=”cssfile“rel=”styreet“type=”text/css"/>
＜スクリプト＞
function change Style(name){
//alert（name）
var css=document.getElemenntById（cssfile）；
css.href="http://img.jb51.net/css/「+name+」.css";
)
＜select onchange=「change Style」
＜option value=「001」selected=「selected」＞デフォルトスタイル
＜option value=「blue」青い経典
＜option value=「red」レッドドリーム
＜div id=「cssTest」＞
私は小さな小鳥です。
[Ctrl+A全選択注：外部Jsを導入するには、もう一度ページを更新してから実行できます。]