手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >web css实现整站样式互相切换
web css实现整站样式互相切换
摘要:直接贴代码复制代码代码如下://取元素用两个$是为了不与jquery冲突function$$(s){returndocument.getEl...

直接贴代码

复制代码 代码如下:

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

//}

});

【web css实现整站样式互相切换】相关文章:

javasript实现密码的隐藏与显示

js操作css属性实现div层展开关闭效果的方法

Javascript实现飞动广告效果的方法

javascript实现table表格隔行变色的方法

jQuery+ajax实现无刷新级联菜单示例

Nodejs实现批量下载妹纸图

javascript基于DOM实现权限选择实例分析

js实现简单锁屏功能实例

jQuery实现的多屏图像图层切换效果实例

jQuery实现文本展开收缩特效

精品推荐
分类导航