在项目中，我们需要对导航栏以及侧边栏进行主题切换，实现页面换肤功能
首先对body进行id命名
然后在css中，写多套css分别以主题名为父classname
通过切换body的className来切换主题
示例如下
html
<body id="themenID" class="grey">
<div class="css1"></div>
<div class="css2"></div>
</body>
css
.grey .css1{
background: grey;
}
.grey .css2{
background:red;
}
.blue.css1{
background:blue;
}
.blue .css2{
background:black;
}
js
setMenuColor:function(){
$("#themenID").removeClass();
$("#themenID").addClass("blue");
}
这样就可以转换主题咯
网友评论