javascript 改变网页加载的CSS


答案：这个是没有种cookie的，记录给自已。  
复制代码 代码如下:

<link href=><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> 

看一下效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>css test</title> 
<link href=> 
<script> 
function changeStyle(name){ 
 //alert(name); 
 var css = document.getElementById("cssfile"); 
 css.href = "http://img.zhaoxi.net/css/"+name+".css"; 
} 
</script> 
</head> 
<body> 
<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> 
</body> 
</html>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上一个：JS代码判断集锦大全第1/5页
下一个：带参数的function 的自运行效果代码

更多图片编程知识: