实现CSS换肤的实例,通过按钮实时切换CSS样式
HTML代码如下：
折叠XML/HTML Code复制内容到剪贴板
- <div id="wrap">
- <input type=button value="a.css" onclick="document.all.MrJin.href='a.css'"><br>
- <input type=button value="b.css" onclick="document.all.MrJin.href='b.css'">
- </div>
a.css的代码如下：
折叠CSS Code复制内容到剪贴板
- body { margin:0; padding:0; background:url(bg_a.gif);}
- #wrap { height:600px; background:url(topme.jpg) no-repeat center center;}
b.css的代码如下：
折叠CSS Code复制内容到剪贴板
- body { margin:0; padding:0; background:url(bg_b.gif);}
- #wrap { height:600px; background:url(topme.jpg) no-repeat center center;}
在默认状态下是a.css。点击按钮后，则应用所点击按钮定义的样式。注：此例不适应Firefox浏览器
查看所有评论
