|
復制代碼 代碼如下:
<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>
看一下效果
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
JavaScript技術:javascript 改變網頁加載的CSS,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。