为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,今天临时上网教大家怎么开启全站变灰。

在主题设置中,添加如下代码:

1
2
3
4
5
6
7
html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}

这是纯css实现的,不需要任何插件。在来一个js代码,可以实现定时开启:

1
2
3
4
5
6
7
<script>
(function() {
var date = new Date();
if (date.getMonth() === 3 && date.getDate() === 4 && date.getFullYear() === 2020)
$('head').append('<style>html{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}</style>')
})();
</script>

代码的意思就是在2020年4月4日在html和body的标签添加一个style,实现全站变灰,有些人可能会问,既然4月4日,为什么代码中写的是3月?其实getMonth返回的是0-11,所以在3就等于4。最好把js代码放在head标签之内(主题设置-广告设置,网页头部接口可以放如上代码),最好不要放在网页底部,因为浏览器需要读取js代码,然后在给标签赋予style值,如果放在底部在刷新网站的时候会有一个短暂闪屏。