web css實(shí)現(xiàn)整站樣式互相切換
直接貼代碼
//取元素 用兩個(gè)$是為了不與jquery沖突
function $$(s) {
return document.getElementById(s);
}
function setblue() {
//先寫cookie
//writeCookie("ISCSSSTYLE", "css/CRM_blue.css", 365, true);
//設(shè)置新的css文件
$$("maincss").href = "css/CRM_blue.css";
//取主框架頁(yè),并重新設(shè)置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);
//設(shè)置新的css文件
$$('maincss').href = "css/CRM.css";
//取主框架頁(yè),并重新設(shè)置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);
//設(shè)置新的css文件
$$('maincss').href = "css/CRM_gray.css";
//取主框架頁(yè),并重新設(shè)置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";
//設(shè)置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);
//}
});
相關(guān)文章
微信小程序MUI導(dǎo)航欄透明漸變功能示例(通過(guò)改變r(jià)gba的a值實(shí)現(xiàn))
這篇文章主要介紹了微信小程序MUI導(dǎo)航欄透明漸變功能,結(jié)合實(shí)例形式分析了通過(guò)改變r(jià)gba的a值實(shí)現(xiàn)透明度漸變功能的相關(guān)操作技巧,需要的朋友可以參考下2019-01-01微信小程序 JS動(dòng)態(tài)修改樣式的實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于微信小程序JS動(dòng)態(tài)修改樣式的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12js+html實(shí)現(xiàn)點(diǎn)名系統(tǒng)功能
這篇文章主要為大家詳細(xì)介紹了js+html實(shí)現(xiàn)點(diǎn)名系統(tǒng)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11以JSON形式將JS中Array對(duì)象數(shù)組傳至后臺(tái)的方法
業(yè)務(wù)是需要將前臺(tái)jQuery easyUI DataGrid列表中所選的若干行的數(shù)據(jù)傳到后臺(tái)進(jìn)行update操作,具體的實(shí)現(xiàn)如下,感興趣的朋友可以參考下2014-01-01JavaScript移動(dòng)端常用事件之touch觸摸事件詳解
觸屏事件touch也稱為觸摸事件,touch對(duì)象代表一個(gè)觸摸點(diǎn),觸摸點(diǎn)可能是一根手指,也可能是一根觸摸筆,觸屏事件可響應(yīng)用戶手指(或觸摸筆)對(duì)屏幕或者觸控板操作,下面這篇文章主要給大家介紹了關(guān)于JavaScript移動(dòng)端常用事件之touch觸摸事件的相關(guān)資料,需要的朋友可以參考下2022-10-10微信小程序動(dòng)態(tài)評(píng)分展示/五角星展示/半顆星展示/自定義長(zhǎng)度展示功能的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序動(dòng)態(tài)評(píng)分展示/五角星展示/半顆星展示/自定義長(zhǎng)度展示的實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07由淺入深講解Javascript繼承機(jī)制與simple-inheritance源碼分析
Javascript語(yǔ)言對(duì)繼承實(shí)現(xiàn)的并不好,需要工程師自己去實(shí)現(xiàn)一套完整的繼承機(jī)制。下面我們由淺入深的系統(tǒng)掌握使用javascript繼承的技巧,對(duì)javascript繼承相關(guān)知識(shí)感興趣的朋友一起看看吧2015-12-12