js css简单实现网页换肤效果

本文实例讲述了js css简单实现网页换肤效果。分享给大家供大家参考，具体如下：

这里做了3套外观，分别使用不同文件夹下的同名钢性铸铁文件，那么怎样实现射流研究…替换加载呢？

3个按钮如下：

a id=' skin 1 ' href=' JavaScript : void(0)' class=' easui-link button ' onclick=' change CSS '(默认值)蓝色皮肤/ABR/br/a id=' skin 2 ' href=' JavaScript : void(0)' class=' easui-link button ' onclick=' change CSS(' gray ')灰色皮肤/ABR/br/a id=' skin 3 ' href=' JavaScript : void(0)' class=' easui-link button ' onclick=' change CSS(' unite ')自定义皮肤/ajs代码：

//更换主题函数更改CSS(CSS名称){ if(文档。getelementsbytagname _ r(' link ').长度0){ for(var I=0；我记录。getelementsbytagname _ r(' link ').长度；I){ var ctrl link=document。getelementsbytagname _ r(' link ')[I]；var cssald=ctrlink。GetAttribute(' href ')；var cssNew=cssold。替换(' default '，csname)；cssnow=cssnow。替换('灰色'，CSS名称)；cssnow=cssnow。替换(' unite '，CSS名称)；ctrlink。setattribute(' href '，cssnow)；} }}实现效果：

希望本文所述对大家Java脚本语言程序设计有所帮助。