释放双眼,带上耳机,听听看~!
7b2主题网站夜间模式
网站footer.php引入css文件
js:
(function(){
if(document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") === ''){
if(new Date().getHours() > 20 || new Date().getHours() < 6){
document.body.classList.add('night');
document.cookie = "night=1;path=/";
$(".logo img").attr("src","https://img.ahap.cn/logo/logo.svg");
}else{
document.body.classList.remove('night');
document.cookie = "night=0;path=/";
$(".logo img").attr("src","https://img.ahap.cn/logo/logo.svg");
}
}else{
var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
if(night == '0'){
document.body.classList.remove('night');
$(".logo img").attr("src","https://img.ahap.cn/logo/logo.svg");
}else if(night == '1'){
document.body.classList.add('night');
$(".logo img").attr("src","https://img.ahap.cn/logo/logo.svg");
}
}
})();
function switchNightMode(){
var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
if(night == '0'){
document.body.classList.add('night');
document.cookie = "night=1;path=/";
$(".logo img").attr("src","https://img.ahap.cn/logo/logo.svg");
}else{
document.body.classList.remove('night');
document.cookie = "night=0;path=/";
$(".logo img").attr("src","https://img.ahap.cn/logo/logo.svg");
}
}
按钮切换,按钮代码:
<a href="javascript:switchNightMode()">点我</a>
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。