标签 CSS 下的文章

昨天在给主题配色的时候弄了一下背景色,但是我设置了一个昼夜模式(6-18点为白天),于是我就给黑夜页面也换了背景色,白天背景色再自动换回来。
嗯,,这是个死方法就是判断时间来使用相应时间的颜色。

演示(本站)

{cat_gallery}
黑夜模式
白天模式
{/cat_gallery}

使用(以sunny主题为例)

喵喵将sunny对自动昼夜设置的为6-18点为白天,我们这里也是同样,你可以根据实际调整时间段。
1.在主题后台设置添加自定义css
{cat_hide}

    /* 白天颜色 */
body.day {
    background-color: #ffffff;
}
/* 夜晚颜色 */
body.night {
    background-color: #000000;
}

{/cat_hide}

2.在主题后台设置添加自定义js
{cat_hide}

var currentHour = new Date().getHours();
if (currentHour >= 6 && currentHour < 18) {
    document.body.classList.add('day');
} else {
    document.body.classList.add('night');
}

{/cat_hide}