页面换肤

原理是通过调用不同的样式表文件来实现不同皮肤的切换，并且需要将换好的皮肤存入cookie中，这样用户下次访问时，就可以显示自定义的皮肤了。
css:

<link rel="stylesheet" href="css/style_white.css" id="cssfile">

HTML（切换按钮）：

<div class="skin">
      <button class="btn btn-default" id="style_blue">蓝色</button>
      <button class="btn btn-default" id="style_white">白色</button>
</div>

js（换肤）：

<script src="js/jquery.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script>
        function swithSkin(skinName){
//            $("#"+skinName).addClass("selected").siblings().removeClass("selected");
            $("#cssfile").attr("href","../resourcesCustom/css/"+skinName+".css");
            $('body').addClass(skinName).removeClass('skin-black-light')
            $.cookie("MyCssSkin",skinName,{path:'/',expires:30});
        }
        $(function(){
            var cookie_skin=$.cookie("MyCssSkin");
            if(cookie_skin){
                swithSkin(cookie_skin);
            }
            $('body').on('click','.skin button',function () {
                swithSkin(this.id)
                document.location.reload();                            //重新加载当前页面
            })
        })
</script>