我是靠谱客的博主 仁爱小笼包,这篇文章主要介绍javascript 改变网页加载的CSS,现在分享给大家,希望可以做个参考。

这个是没有种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 改变网页加载的CSS的全部内容,更多相关javascript内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(157)

评论列表共有 0 条评论

立即
投稿
返回
顶部