JS+CSS案例：JS+CSS 实现漂亮时尚的样式表切换（换肤）功能

切换样式表可能有人不理解，但说到网站换肤，大概率就很多人都明白了。因为它是很多网站都已经有的功能了，最常见的就是很多网站的关灯模式。本文，就给大家分享一个我自己网站上使用的样式表切换的方案。

案例效果

目录结构

文件准备

JQ文件

准备jquery文件，因为我们要修改cookie，所以...

jquery-3.5.1.js

jquery.cookie.js

样式表

我们新建了一个文件夹叫做“CSS换肤小demo”，准备了7个CSS文件在里面。

其中，默认样式我们存放在default.css 中。其他6个样式表文件，都简单的写了两行样式表，为了演示换肤功能，只对页面背景色和h1标题的前景色进行了改变。

/* 准备换的样式表 */
body{ background: #xxx; } 
h1{ color: #xxxxxx; }

默认样式表default.css 的代码如下：

*{
    margin:0;
    padding: 0;
}
ul li{
    list-style-typ