js-更换网页皮肤

一般网页都会提供多种样式的皮肤给用户,用户可以再浏览网站网页的时候选用自己喜欢的皮肤;那么更换皮肤是怎么更换的呢?

基本原理很简单的:就是使用js来切换对应的CSS样式表,更改link里面的href值。

网页换肤的准备:

首先,准备多套CSS样式表文件,然后设置对应按钮,当用户点击按钮可以达到换肤功能;以下我用一个简单的例子说明一下:

js-更换网页皮肤_第1张图片

要实现的功能:当点击相应颜色按钮的时候,背景颜色换为对应颜色;

1、准备三套皮肤,分别为 skin_red.css  、skin_blue.css 、skin_green.css

1、HTML文件代码





换皮肤
href="css/skin_red.css"/
>











你可能感兴趣的:(js-更换网页皮肤)