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需刷新才能执行]



相关阅读:
asp.net 2.0中不同web控件之间的相互调用
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
Prototype使用指南之ajax
用SQL语句添加删除修改字段、一些表与字段的基本操作、数据库备份等
无法启动DHCP Client的原因和解决办法
SQL语句练习实例之五 WMS系统中的关于LIFO或FIFO的问题分析
PHP5教程:PHP的GD模块生成条形码
使用js获取QueryString的方法小结
Servlet中jdbc应用高级篇(二)
另类扩展名同样执行ASP
PHP分页显示制作详细讲解
Flex中的MySQL管理(3)
用javascript实现模拟火焰
在linux操作系统中的CPU频率调整
快速导航

Copyright © 2016 phpStudy |