注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天涯倦客的博客

祝福你朋友永远快乐!

 
 
 

日志

 
 

easyui换主题,并记录在cookie  

2015-07-07 10:58:29|  分类: JS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
转自:http://www.cnblogs.com/easyteck/archive/2012/06/30/2570790.html
注:引入JS的顺序jquery>cookie>easyuicss>changeEasyUITheme.js
首先将easyui的样式文件加入一个ID,这里命名为easyuiTheme,然后在样式文件下面加入一个JS文件
复制代码
1 <script type="text/javascript" charset="UTF-8" src="jslib/jquery-easyui-1.2.5/jquery-1.7.1.min.js"></script>
2 
3 <script type="text/javascript" charset="UTF-8" src="jslib/jquery.cookie.js"></script>
4 
5 <link id="easyuiTheme" rel="stylesheet" type="text/css" href="jslib/jquery-easyui-1.2.5/themes/gray/easyui.css">
6 <script type="text/javascript" charset="UTF-8" src="jslib/changeEasyuiTheme.js"></script>
7 <link rel="stylesheet" type="text/css" href="jslib/jquery-easyui-1.2.5/themes/icon.css">
8 <script type="text/javascript" charset="UTF-8" src="jslib/jquery-easyui-1.2.5/jquery.easyui.min.js"></script>
9 <script type="text/javascript" charset="UTF-8" src="jslib/jquery-easyui-1.2.5/locale/easyui-lang-zh_CN.js"></script>
复制代码

changeEasyuiTheme.js文件的内容是

复制代码
 1 function changeThemeFun(themeName) {/* 更换主题 */
 2     var $easyuiTheme = $('#easyuiTheme');
 3     var url = $easyuiTheme.attr('href');
 4     var href = url.substring(0, url.indexOf('themes')) + 'themes/' + themeName + '/easyui.css';
 5     $easyuiTheme.attr('href', href);
 6 
 7     var $iframe = $('iframe');
 8     if ($iframe.length > 0) {
 9         for ( var i = 0; i < $iframe.length; i++) {
10             var ifr = $iframe[i];
11             $(ifr).contents().find('#easyuiTheme').attr('href', href);
12         }
13     }
14 
15     $.cookie('easyuiThemeName', themeName, {
16         expires : 7
17     });
18 };
19 if ($.cookie('easyuiThemeName')) {
20     changeThemeFun($.cookie('easyuiThemeName'));
21 }
复制代码

jquery.cookie.js的内容是

复制代码
 1 jQuery.cookie = function (key, value, options) {
 2 
 3     // key and value given, set cookie...
 4     if (arguments.length > 1 && (value === null || typeof value !== "object")) {
 5         options = jQuery.extend({}, options);
 6 
 7         if (value === null) {
 8             options.expires = -1;
 9         }
10 
11         if (typeof options.expires === 'number') {
12             var days = options.expires, t = options.expires = new Date();
13             t.setDate(t.getDate() + days);
14         }
15 
16         return (document.cookie = [
17             encodeURIComponent(key), '=',
18             options.raw ? String(value) : encodeURIComponent(String(value)),
19             options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
20             options.path ? '; path=' + options.path : '',
21             options.domain ? '; domain=' + options.domain : '',
22             options.secure ? '; secure' : ''
23         ].join(''));
24     }
25 
26     // key and possibly options given, get cookie...
27     options = value || {};
28     var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
29     return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
30 };
复制代码

使用的时候

changeThemeFun('default');
changeThemeFun('gray');

 

  评论这张
 
阅读(307)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017