网页换肤

需要引进下面的两个js,css样式自己引进就可以了,(如有疑问见G盘下项目文件下的ceshi项目)

<script src="jquery-1.3.1.js" type="text/javascript"></script>
    <script src="js/jquery.cookie.js" type="text/javascript"></script>

<script type="text/javascript">
  //<![CDATA[
        $(function () {
            var $li = $("#skin li");
            $li.click(function () {
                switchSkin(this.id);
            });
            var cookie_skin = $.cookie("MyCssSkin");
            if (cookie_skin) {
                switchSkin(cookie_skin);
            }
        });
        function switchSkin(skinName) {
            $("#" + skinName).addClass("selected")                 //当前<li>元素选中
         .siblings().removeClass("selected");  //去掉其它同辈<li>元素的选中
            $("#cssfile").attr("href", "css/" + skinName + ".css"); //设置不同皮肤
            $.cookie("MyCssSkin", skinName, { path: '/', expires: 10 });
        }
  //]]>
 </script>

原文地址:https://www.cnblogs.com/suncoolcat/p/3343435.html