用JS来切换CSS,很好很简单
来源:互联网 发布:php 遍历对象 编辑:程序博客网 时间:2024/06/05 09:29
假如我们想通过前台自主选择CSS样式来达到改变颜色、风格等目的的话,用JS调用CSS文件就OK。
先做两个(或多个)CSS文件。
style_1.css 代码:
body{background-color: #ccff66;}
......
style_2.css 代码:
body{background-color: #ff0000;}
......
JS代码如下:
<link rel="stylesheet" rev="stylesheet" id="style" type="text/css" media="all" />
<script>
function change_skin(obj){
if(obj.length<1){
return;
}else{
document.getElementById("style").href=obj;
}
}
</script>
<body>
<select onchange="change_skin(this.value)" id="skinStyle">
<option value="">改变风格</option>
<option value="style_1.css">风格 1</option>
<option value="style_2.css">风格 2</option>
</select>
</body>
- 用JS来切换CSS,很好很简单
- 用JS来切换CSS,很好很简单
- JS MD5 算法实现。抄来的,很好用!
- 初识网站前端--用简单的HTML+CSS+js实现的选项卡切换效果
- js无缝滚动,很好用的jquery的,简单方便。
- 用css来解决JS中的问题
- js usingNamespace 很好用
- php 导出excel 很简单很好用
- js简单图片切换
- JS 实现简单切换
- 通过js来切换flash
- js+css的tab切换
- JS + CSS 图片切换效果
- JS + CSS 图片切换效果
- 用setInterval来做图片切换最简单源码
- 转过来,我马上要用了,嘿嘿----js和css制作简单的文字闪烁效果
- 用html+css+js实现选项卡切换效果
- DIV+CSS&JS鼠标经过栏目切换显示(简单两栏显示)
- 使DBGrid具有FixedCols的效果
- C# winform与 flash as 的交互通讯
- 宏观--微观
- 深入了解Mscomm控件
- 职场10类最失败的新人
- 用JS来切换CSS,很好很简单
- Oracle存储过程
- 按时间段问好的JS代码
- Binding Data to Collections by Using Windows® Presentation Foundation
- 幸 福 。 谁 给 的。
- 静态html文件js读取url参数
- 退出vim终端乱码问题
- js验证码
- google maps根据经纬度计算两点距离的函数