javascript 改变网页加载的CSS

这个是没有种cookie的，记录给自已。

 
 <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 改变网页加载的CSS

您可能感兴趣的文章: