Web前端学习【三】

 　　

js-更换网页皮肤

　　【个人小结demo】

　　１．文件：

css:【firstSkin.css】用来写第一套皮肤（用到了img/firstSkin.jpg)，【secondSkin.css】用来写第二套皮肤(用到了secondSkin.jpg)，这样可以针对背景等进行单独方便修改，以后写不同套皮肤可以直接写成不同css文件然后进行引入并通过js来控制；【global.css】全局。

js:[huanPiFuSkin.js]文件通过id="background"用来控制改变<link rel="stylesheet" type="text/css" href="css/*.css" id="background" />　中[href]属性值，能够使页面可以切换引入的css文件。

[huanPiFu.html]用了两个按钮【皮肤1】(id="firstSkin")、【皮肤2】(id="secondSkin")来切换。

　　２．小结：反正，以后如果要使用不同皮肤就可以直接写css文件，然后改一点js:[huanPiFuSkin.js]文件，网页面就可以直接引入（可以不用修改写太多了，方便省时间。）