首先，换肤设计要保证皮肤更改的信息能够存在cookie里，使得用户下次访问的时候还能够看到自己上次的设置。这里换肤我们用到的是通过js调用不同的样式。然而在我们正在做的系统中，我们用到了IFRAME，要保证整体页面的一致，我们还要考虑从父页面给IFRAM的子页面加载样式文件。下面先给出JS：
skin.setSkin(skin.readCookie());
skin.addEvent();
}
整个系统中一共准备了6套样式，分别为all0,all1,...all5;在第一套样式中定义好系统默认的样式，其他的样式分别对要改变的元素进行不同的样式设置。
而在CSS当中也用到了简单的滑动门技术：
点击的图片如下：
而在系统中显示的图片如下：
相应的代码为：
>
这样一来，就实现了系统的换肤效果。