Home > Web Front-end > JS Tutorial > Web css implements mutual switching of styles across the entire site_javascript skills

Web css implements mutual switching of styles across the entire site_javascript skills

WBOY
Release: 2016-05-16 17:18:25
Original
823 people have browsed it

Post the code directly

Copy the code The code is as follows:

//取元素 用两个$是为了不与jquery冲突
function $$(s) {
    return document.getElementById(s);
}
function setblue() {
    //先写cookie
    //writeCookie("ISCSSSTYLE", "css/CRM_blue.css", 365, true);
    //设置新的css文件
    $$("maincss").href = "css/CRM_blue.css";
    //取主框架页,并重新设置css文件
    //var childobj = window.parent.document.getElementById("ManagerMain").contentWindow;
    //childobj.document.getElementById("maincss").href = "css/CRM_blue.css";
}
function setgreen() {
    //先写cookie
    //writeCookie("ISCSSSTYLE", "css/CRM.css", 365, true);
    //设置新的css文件
    $$('maincss').href = "css/CRM.css";
    //取主框架页,并重新设置css文件
    //var childobj = window.parent.document.getElementById("ManagerMain").contentWindow;
    //childobj.document.getElementById("maincss").href = "css/CRM.css";
}
function setgray() {
    //先写cookie
    //writeCookie("ISCSSSTYLE", "css/CRM_gray.css", 365, true);
    //设置新的css文件
    $$('maincss').href = "css/CRM_gray.css";
    //取主框架页,并重新设置css文件
    //var childobj = window.parent.document.getElementById("ManagerMain").contentWindow;
    //childobj.document.getElementById("maincss").href = "css/CRM_gray.css";
}


function setActiveStyleSheet(title) {
    //    var i, a, main; 
    //    for(i=0; (a = document.getElementsByTagName("link")[i]); i++) 
    //    { 
    //        if(a.getAttribute("rel").indexOf("style")!= -1 && a.getAttribute("title")) 
    //        { 
    //            a.disabled = true; 
    //            if(a.getAttribute("title") == title) 
    //            a.disabled = false; 
    //        }
    //    }
    //$$("maincss").attr("href", "css/CRM_blue.css");
    //$$('maincss').href = "css/CRM_blue.css";
    //设置css的文件
    $$('maincss').href = title;
}
function getActiveStyleSheet() {
    //    var i, a; 
    //    for(i=0; (a = document.getElementsByTagName("link")[i]); i++) 
    //    { 
    //        if(a.getAttribute("rel").indexOf("style")!= -1 && 
    //         a.getAttribute("title") && !a.disabled) 
    //            return a.getAttribute("title"); 
    //    }
    //    return null;
    var cssfile = $$('maincss').href;
    //alert(cssfile);
    return cssfile;
}
function getPreferredStyleSheet() {
    //    var i, a; 
    //    for(i=0; (a = document.getElementsByTagName("link")[i]); i++) 
    //    { 
    //        if(a.getAttribute("rel").indexOf("style") != -1 
    //            && a.getAttribute("rel").indexOf("alt") == -1 
    //            && a.getAttribute("title")) 
    //            return a.getAttribute("title"); 
    //    }
    //    return null;
    var cssfile = $$('maincss').href;
    //alert(cssfile);
    return cssfile;
}
function createCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    }
    else
        expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";


}
function writeCookie(name, value, hours, escp) {
    var expire = "";
    if (hours != null) {
        expire = new Date((new Date()).getTime() + hours * 3600000);
        expire = "; expires=" + expire.toGMTString();
    }
    if (escp == "True") {
        document.cookie = name + "=" + value + expire;
    } else {
        document.cookie = name + "=" + escape(value) + expire;
    }
}


function readCookie(name) {
    var nameEQ = name + "=";


    var ca = document.cookie.split(';');


    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];


        while (c.charAt(0) == ' ')
            c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0)
            return c.substring(nameEQ.length, c.length);
    }
    return null;
}
$(document).ready(function() {


    //var title = readCookie("ISCSSSTYLE");
    //var title = "css/CRM_blue.css";


    //if (title != null && title != "undefined") {
    //    setActiveStyleSheet(title);
    //}
});

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template