cookie 换肤

jquery.Cookies.js

/**
* Cookie plugin
*
* Copyright (c) 2006 ziqiu.zhang 
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
* 使用举例：
    //注： 写入时，subName参数请传递空值或null
    //写入Cookies-值为字符串，即不包含子键
    $.cookie("singleKey", "", "singleKey-value", { expires: 1, path: "/", secure: false })
    //读取Cookies-根据主键
    alert("singleKey:" + $.cookie("singleKey"));

    //写入Cookies-值为对象，则每个属性名为子键的名称，属性值为子键值
    var subNameObj = { subName1: "aaa", subName2: "bbb", subName3: "ccc" };
    $.cookie("multiKey", "", subNameObj, { expires: 1, path: "/", secure: false });
    //读取Cookies-根据主键
    alert("multiKey:" + $.cookie("multiKey"));
    //读取Cookies-根据主键和子键
    alert("multiKey,subName1:" + $.cookie("multiKey", "subName1"));
*
*/

jQuery.cookie = function(name, subName, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
        }
        // CAUTION: Needed to parenthesize options.path and options.domain
        // in the following expressions, otherwise they evaluate to undefined
        // in the packed version for some reason...
        var path = options.path ? '; path=' + (options.path) : ';path=/';
        var domain = options.domain ? '; domain=' + (options.domain) : '';
        var secure = options.secure ? '; secure' : '';

        //If value is an object, each property will be a sub key;
        if (typeof value == "object") {
            var k = 0;
            var tempResult = "";
            for (var tempValue in value) {
                if (k > 0) {
                    tempResult += "&";
                }
                tempResult += tempValue + "=" + encodeURIComponent(value[tempValue]);
                k++;
            }
            value = tempResult;
        } else {
            value = encodeURIComponent(value);
        }

        document.cookie = [name, '=', value, expires, path, domain, secure].join('');
    } else { // only name given, get cookie
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));

                    //Search sub key
                    if (typeof subName != 'undefined' && subName != null && subName != "") {
                        var subCookies = cookieValue.toString().split('&');
                        for (var j = 0; j < subCookies.length; j++) {
                            var subCookie = jQuery.trim(subCookies[j]);
                            if (subCookie.substring(0, subName.length + 1) == (subName + '=')) {
                                cookieValue = decodeURIComponent(subCookie.substring(subName.length + 1));
                                break;
                            }
                        }
                    }

                    break;
                }

            }
        }
        return cookieValue;
    }
};

    <script type="text/javascript" src="/themes/admin/js/jquery.Cookies.js"></script>

<span><strong class="fl pr" id="colorcsshf"><em class="hticons hticons-hf"></em>换肤&nbsp;<em class="colorcss defaultcss" onclick="changeTheme('');"></em><em class="colorcss bluecss" onclick="changeTheme('blue');"></em><em class="colorcss greencss" onclick="changeTheme('green');"></em><em class="colorcss yellowcss" onclick="changeTheme('yellow');"></em><em class="colorcss graycss" onclick="changeTheme('gray');"></em></strong><strong class="fl"><em class="hticons hticons-yh"></em>

function getCookie(c_name) {
    if (document.cookie.length > 0) {　　//先查询cookie是否为空，为空就return ""
        c_start = document.cookie.indexOf(c_name + "=")　　　
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) c_end = document.cookie.length;
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}

function setCookie(c_name, value, expiredays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + expiredays);
    document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
}

function loadCss(className, isIframeMenu) {
    var container = document;
    if (isIframeMenu) {
        container = window.frames["ifrmenu"].document;
    }
    var cssTag = container.getElementById('loadCss');
    var head = container.getElementsByTagName('head').item(0);
    if (cssTag) head.removeChild(cssTag);
    if (className != '') {
        css = container.createElement('link');
        css.href = '/themes/admin/css/' + className + '.css';
        css.rel = 'stylesheet';
        css.type = 'text/css';
        css.id = 'loadCss';
        head.appendChild(css);
    }
}
function loadIframeCss(className) {
    var cssTag = window.frames["ifrmenu"].document.getElementById('loadCss');
    var head = window.frames["ifrmenu"].document.getElementsByTagName('head').item(0);
    if (cssTag) head.removeChild(cssTag);
    if (className != '') {
        css = window.frames["ifrmenu"].document.createElement('link');
        css.href = '/themes/admin/css/' + className + '.css';
        css.rel = 'stylesheet';
        css.type = 'text/css';
        css.id = 'loadCss';
        head.appendChild(css);
    }
}


function changeTheme(className) {
    $.cookie('theme', '', className, { expires: 365, path: "/login", secure: false });
    $.cookie('theme', '', className, { expires: 365, path: "/", secure: false });
    loadCss(className);
    loadCss(className,true);
}

blue.css/gray.css/green.css/yellow.css