详解程序切换主题皮肤

jquery cookie下载地址：http://plugins.jquery.com/cookie/

1.需要导入的文件（我这里的程序是jquery-easyui-1.6.11版本)

主要实现原理就是换导入钢性铸铁文件，这样就可以实现切换主题皮肤

！-引入easyui css样式只需引入easyui.css其中就包含了其他的内容- link rel='样式表id=' easyuiteheme ' href=' %=请求。getcontextpath()%/jquery-easy ui-1。6 .11/主题/默认/easyui。CSS ' rel='外部无跟随'！-引入小图标- link rel='样式表href=' %=请求。getcontextpath()%/jquery-easy ui-1。6 .11/主题/图标。CSS ' rel='外部无跟随'！-引入jQuery -脚本类型=' text/JavaScript ' src=' http :%=request。getcontextpath()%/js/jQuery-1。11 .3 .js /脚本脚本src=' http : js/jQuery。饼干。js /脚本！-引入easy ui-script src=' http :%=请求。getcontextpath()%/jquery-easy ui-1。6 .11/jquery。简单的用户界面。量滴js '/脚本！-样式转化为中文-脚本src=' http :%=请求。getcontextpath()%/jquery-easy ui-1。6 .11/locale/easy ui-lang-zh _ cn。js '/脚本2 .前台页面定义了一个按钮（代码)

div style=' position :绝对值；right : 14px ' top :42 px ' div style=' padd :5 px ' a href=' JavaScript : void(0)；rel='外部无跟随' class=' measuri-menubutton ' data-options=' menu : ' # layout _ north _ pfMenu '，iconcl s 3360 ' icon-ok ' '更换皮肤/a/div/div div id=' layout _ north _ pfMenu ' style=' display : none；div"change THEME(默认)";"默认/div "更改主题（黑色)";"“black/div div”更改主题(“bootstrap”)；bootstrap/div "变更主题(灰色)";"灰色/div "变更主题(“metro”)；" metro/div /div3 .前台效果图

4.脚本里边写了这个方法：更改主题

/** * 更换程序主题的方法* @param主题名称*主题名称*/change theme=function(theme name){ var $ easyuiteheme=$(' # easyuiteheme ')；var URL=$ Easyuit血红素。attr(' href ')；var href=url.substring(0，url。indexof(' themes ')' themes/' theme name/' easy ui。CSS '；$易趣血红素。attr('href '，href)；var $ iframe=$(' iframe ')；if($ iframe。长度0){ for(var I=0；I $ iframe . lengthi){ var IFR=$ iframe[I]；$(国际财务报告准则)。目录()。查找(' #Easyuit血红素')。attr('href '，href)；} } $.cookie('easyuiThemeName '，主题名，{ expires : 7 })；};5.效果

切换之后效果，我就不一一展示效果了

以上所述是小编给大家介绍的程序切换主题皮肤方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！