宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-09-19

本文实例讲述了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脚本语言程序设计有所帮助。

更多资讯
游戏推荐
更多+