网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 网页设计 > HTMLCSS > javascript 改变网页加载的CSS  

javascript 改变网页加载的CSS

2007-12-11  作者:bitsCN整理  来源:中国网管联盟  点评 投稿 收藏

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)">
网管联盟bitsCN@com

 <option value="001" selected="selected">默认样式</option>
 <option value="blue">蓝色经典</option>
 <option value="red">红色梦幻</option>
</select>  
<div id="cssTest">
我是一只小小小小小鸟!
</div>


看一下效果:
点击下面的运行,可预览代码效果:

中国网管联盟bitsCN.com


        
[Ctrl+A 全部选择 提示 :你可先修改部分代码,再按运行]


TAGs   网页   改变       <   >   代码   name   /option>   option       
 上一篇:CSS三行三列自适应高度div布局   下一篇:CSS Hack 汇总快查
javascript 改变网页加载的CSS 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: