类似tom网站给系统换肤的实现方法。

首先，换肤设计要保证皮肤更改的信息能够存在cookie里，使得用户下次访问的时候还能够看到自己上次的设置。这里换肤我们用到的是通过js调用不同的样式。然而在我们正在做的系统中，我们用到了IFRAME，要保证整体页面的一致，我们还要考虑从父页面给IFRAM的子页面加载样式文件。下面先给出JS：

Code

整个系统中一共准备了6套样式，分别为all0,all1,...all5;在第一套样式中定义好系统默认的样式，其他的样式分别对要改变的元素进行不同的样式设置。
而在CSS当中也用到了简单的滑动门技术：

Code

点击的图片如下：
而在系统中显示的图片如下：
相应的代码为：

Code
 <ul id="skin">
            <li id="skin_5" title="紫色">紫色</li>
            <li id="skin_4" title="灰色">灰色</li>
            <li id="skin_3" title="粉红">粉红</li>
            <li id="skin_2" title="绿色">绿色</li>
            <li id="skin_1" title="蓝色">蓝色</li>
            <li id="skin_0" title="橙色">橙色</li>
        </ul>

这样一来，就实现了系统的换肤效果。