切换css样式,css页面切换

CSS样式的切换

guys,how can U use jquery like this??!

创新互联是专业的叶城网站建设公司，叶城接单;提供网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行叶城网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

$("#spzs-btn2").removeclass("spzs-btn1");

$("#spzs-btn2").addclass("spzs-btn2");

it must be removeClass

addClass

others i won't look,but these are errors...

low-level errors...

上面的冗余代码太多了，其实可以把这些样式放在样式表里，通过一个样式名来控制，比如

td bgcolor="#878787" height="32" style="border-top: #e6e6e6 1.0px

solid;border-right: #e6e6e6 1.0px solid;border-bottom: #e6e6e6 1.0px

solid;border-left: #e6e6e6 1.0px solid;border-image: none;"

width="100"font color="#ffffff"轻微弹性/font/td

这是轻微弹性的样式，把背景色和文字颜色提取出来，放进样式表里，

.style1{

background-color:#878787;

color:#fff;

}

在需要这个样式的时候，给相应的单元格加上这个样式就行了。

td class="style1"/td

需要加JS才能实现切换。

如果red.css是红色风格

link id="css" rel="stylesheet" type="text/css" href="style.css"/

js部分

function redCSS(){

document.getElementById("css").href="red.css";

}

html部分

span onclick="redCSS"切换红色风格/span

按钮绑定一个点击事件，只是改变少量的样式使用$(".div").css("background","red");即可，如果是整个页面改变，就需要用到页面样式写缓存或数据库，重新加载页面来判断用户选择了那个样式，然后显示不同的样式加载

网站名称：切换css样式,css页面切换
文章网址：http://scjbc.cn/article/dsdgpdi.html