中资源
中国品牌形像设计网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
深圳网站建设 广州网站设计 域名注册 上海网站建设 虚拟主机 广州网站建设 广州网页设计 签名设计 虚拟主机 域名注册 品牌形象设计 设计联盟
求创科技
上海网麒科技
中国福网
中国设计秀
亿恩科技
中国设计秀
中国设计秀
当前位置:网络学院首页 >> 设计教程 >> web标准 >> javascript 改变网页加载的CSS

javascript 改变网页加载的CSS

来源:中国设计秀    作者:子鼠    点击:363     加入收藏
关键字:css js特效
中资源
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 全部选择 提示:你可先修改部分代码,再按运行]

0
顶一下
2007-12-11 12:25:41    出处:互联网
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口