当前位置:Gxlcms > JavaScript > webcss实现整站样式互相切换_javascript技巧

webcss实现整站样式互相切换_javascript技巧

时间:2021-07-01 10:21:17 帮助过:9人阅读

直接贴代码
代码如下:

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

人气教程排行