网络编程 
首页 > 网络编程 > 浏览文章

javascript 改变网页加载的CSS

(编辑:jimmy 日期: 2025/9/19 浏览:3 次 )

这个是没有种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需再刷新一下页面才能执行]

上一篇:文本链接逐个出现的js脚本
下一篇:JavaScript创建命名空间(namespace)的最简实现
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap