web css实现整站样式互相切换

 更新时间:2013年10月29日 10:15:12   作者:  
css轻松实现整站样式互相切换。需要的朋友可以过来参考下,希望对大家有所帮助

直接贴代码

复制代码 代码如下:

//取元素 用两个$是为了不与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);
    //}
});

相关文章

  • js中的getElementById的使用方法

    js中的getElementById的使用方法

    getElementById是JavaScript中的一个DOM方法,用于根据元素的id属性获取HTML文档中的元素,本文给大家介绍js中的getElementById的使用方法,感兴趣的朋友一起看看吧
    2023-10-10
  • 利用CSS、JavaScript及Ajax实现高效的图片预加载

    利用CSS、JavaScript及Ajax实现高效的图片预加载

    图片预加载想必大家都不陌生吧,实现预加载图片有很多方法,包括使用CSS、JavaScript及两者的各种组合。这些技术可根据不同设计场景设计出相应的解决方案,十分高效
    2013-10-10
  • javascript使用activex控件的代码

    javascript使用activex控件的代码

    最近公司项目用到了avtivex控件。以前从来没有用过。我把最近到处找到的使用方法整理一下。
    2011-01-01
  • 微信小程序 setData 对 data数据影响问题

    微信小程序 setData 对 data数据影响问题

    这篇文章主要介绍了微信小程序 setData 对 data数据影响的 一点研究,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • 关于innerHTML后丢失动态绑定的EVENT问题解决方法

    关于innerHTML后丢失动态绑定的EVENT问题解决方法

    用innerHTML取出一段内容后再innerHTML回去,那么原来动态绑定的事件就会丢失,下面与大家分享下解决方法,感兴趣的朋友可以参考下哈
    2013-05-05
  • JavaScript 预解析的4种实现方法解析

    JavaScript 预解析的4种实现方法解析

    这篇文章主要介绍了JavaScript 预解析的4种实现方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • JS中的async与await怎么使用

    JS中的async与await怎么使用

    这篇文章主要介绍了JS的async/await怎么使用,简单来说,async/await是基于promises的语法糖,使异步代码更易于编写和阅读,下面来看详细的介绍内容吧。需要的小伙伴也可以参考一下
    2021-12-12
  • JS中令人发指的valueOf方法介绍

    JS中令人发指的valueOf方法介绍

    近期月报里提到了valueOf方法,兴致来了翻了下ECMA5里关于valueOf方法的介绍真是令人发指啊,不可思议的朋友可以参考下啊
    2013-02-02
  • Javascript函数缓存的实现及应用场景

    Javascript函数缓存的实现及应用场景

    Javascript函数缓存是一种提高网页性能的重要技术,通过将函数结果存储在缓存中,避免重复计算,从而提高页面加载速度和响应速度,本文主要介绍了Javascript函数缓存的实现及应用场景,具有一定的参考价值,感兴趣的可以了解一下
    2023-12-12
  • Js实现两个跨域页面进行跳转传参的方案详解

    Js实现两个跨域页面进行跳转传参的方案详解

    这篇文章主要为大家详细介绍了JavaScript中实现两个跨域页面进行跳转传参的方案,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-12-12

最新评论