DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> web css實現整站樣式互相切換
web css實現整站樣式互相切換
編輯:關於JavaScript     

直接貼代碼
復制代碼 代碼如下:
//取元素 用兩個$是為了不與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);
    //}
});

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved