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需刷新才能执行]