这个是没有种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实现一个网页加载进度loading
- JavaScript实现网页加载进度条代码超简单
- jquery插件NProgress.js制作网页加载进度条
- JavaScript实现当网页加载完成后执行指定函数的方法
- Windows下使用apache模块实现合并多个js、css提高网页加载速度
- js 延迟加载 改变JS的位置加快网页加载速度
- JS+CSS实现网页加载中的动画效果