javascript 改变网页加载的CSS

2019-12-26,,,,,,

这个是没有种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实现网页加载中的动画效果

《javascript 改变网页加载的CSS.doc》

下载本文的Word格式文档,以方便收藏与打印。