如何动态更换CSS皮肤！

CSS样式切换技巧

最新推荐文章于 2025-05-23 15:38:14 发布

最新推荐文章于 2025-05-23 15:38:14 发布 · 221 阅读

文章标签：

#javascript #ViewUI

现在我有几个CSS的皮肤样式，要通过一个下拉列表框中选择其中的样式进行更换，不知道怎样实现，请高人指教，真诚的谢谢！最好详细举例！

刚开始的时候要给link命名id="cssfile"，然后加上下面的就行了，其实就是更换样式表；

JS:
<script language="javascript">
 function changestyle(name){
 css=document.getElementById("cssfile");
 css.href="skins/"+name+"/"+name+".css";
 document.all.sel.options[0].selected=true;
 }
</script>

select：
<select name="sel" onchange="changestyle(this.options[this.options.selectedIndex].value)">  
  <option value="base">请选择</option>  
  <option value="base">经典蓝</option> 
  <option value="black">冷酷黑</option>
  <option value="yellow">秋天黄</option>
  <option value="blue">蓝色的</option>
</select>