下面是代码：
首先HTML页面代码如下：
复制代码代码如下:Jacob Song的购物网站引用了一个Cookie插件，您可以下载Cookie插件，也可以用我的源代码插件，下面有下载的这是Scripts文件夹中的核心代码ChangeSkin.js我的购物网站蓝色紫色红色天蓝色橙色淡绿色CSS文件，对应HTML复制代码代码如下:/*头部样式开始*/#header{width:800px;height:80px;border: 1px solid #AAAAAA;margin:10px auto;background:#3B5998;}/*logo样式开始*/#logo {float:left;margin:0 0 0 10px;color:#FFF;font-size:3em;font-weight:700;line-height:80px;}/*切换皮肤样式*/#skin {float:right;margin:10px;padding:4px;width:120px;list-style:none;border: 1px solid #CCCCCC;background:#FFF;}#skin li {float:left;margin-right:4px;width:15px;height:15px;text-indent:-9999px;overflow:hidden;display:block;cursor:pointer;background-image:url(../Imgs/theme.gif);}#skin_0 { background-position:0px 0px; } /*这是设置图片的位置*/#skin_1 { background-position:15px 0px; }#skin_2 { background-position:35px 0px; }#skin_3 { background-position:55px 0px; }#skin_4 { background-position:75px 0px; }#skin_5 { background-position:95px 0px; }#skin_0.selected { background-position:0px 15px; }#skin_1.selected { background-position:15px 15px; }#skin_2.selected { background-position:35px 15px; }#skin_3.selected { background-position:55px 15px; }#skin_4.selected { background-position:75px 15px; }#skin_5.selected { background-position:95px 15px; }然后你还要有一些备用的CSS，就是换肤所需要的，当你点击时，它们用的CSS是不同的，然后选中后，保存在Cookie中，在CSS文件夹下Skin文件夹中有备用的换肤的CSS样式Skin_0.css文件如下：复制代码代码如下:#header{background:#3B5998;}Skin_1.css文件如下：复制代码代码如下:#header{background:#BB3BD9;}Skin_2.css文件如下：复制代码代码如下:#header{background:#E31559;}Skin_3.css文件如下：复制代码代码如下:#header{background:#08BECE;}Skin_4.css文件如下：复制代码代码如下:#header{background:#FBA60A;}Skin_5.css文件如下：复制代码代码如下:#header{background:#AFD400;}其实可以看出简单的，就是颜色不同，日后根据需要可以添加更多的样式，这里只是一个例子供大家参考，当你完成上面的工作后，就可以运行了，本文只是很简单的演示换肤的，您可以下载源代码：点击下载源代码