简单实现js页面切换功能

本文为大家介绍了js页面换肤功能处理原理  （*需要在有服务器环境下测试使用*），供大家参考，具体内容如下

原理：

1.换肤是让页面采用不用的样式设置
2.我们把要换肤的地方根据不用皮肤做成多个样式表文件
3.获取link的id
4.修改link的href属性改变样式表
5.采用了不用样式表，就是使用对应皮肤样式
6.利用cookie技术用户原则，用户再次打开页面也会采用上次选用皮肤
7.读取cookie要在页面载入开始，保证对应皮肤css提前加载

 

 
 
 
 


 
我是内容1
 
我是内容2
 
我是内容3


我是尾部信息

源码下载：http://xiazai.jb51.net/201607/yuanma/jschangeskin(jb51.net).rar

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。