javascript 改变网页加载的CSS_javascript技巧

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

复制代码 代码如下:

 
<script> <BR>function changeStyle(name){ <BR> //alert(name); <BR> var css = document.getElementById("cssfile"); <BR> css.href = name+".css"; <BR>} <BR></script> 

复制代码 代码如下:

 
 默认样式 
 蓝色经典 
 红色梦幻 
   

 
我是一只小小小小小鸟！ 

 

看一下效果

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>css test</title> <link href="http://img.jb51.net/css/001.css" id="cssfile" rel="stylesheet" type="text/css"> <script> function changeStyle(name){ //alert(name); var css = document.getElementById("cssfile"); css.href = "http://img.jb51.net/css/"+name+".css"; } </script> <select onchange="changeStyle(this.options[this.selectedIndex].value)"> <option value="001" selected>默认样式</option> <option value="blue">蓝色经典</option> <option value="red">红色梦幻</option> </select> <div id="cssTest"> 我是一只小小小小小鸟！ </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]