如何定时开启全站变灰代码

DurkBlue2个月前 ( 04-04 )73抢沙发
如何定时开启全站变灰代码摘要: 为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院今天发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公...

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院今天发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车,火车,舰船鸣笛,防空警报鸣响。明天各大网站都将变为灰色,以表示哀悼。为了更多的网友可以达成这种效果,在哀悼日可以表达一份哀悼。今天临时上网教大家怎么开启全站变灰。

在后台设置中,开启自定义css,然后复制如下代码:

CSS
html{    filter: grayscale(100%);    -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);      -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);}

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

JavaScript
<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值,如果放在底部在刷新网站的时候会有一个短暂闪屏。

如何定时开启全站变灰代码 第1张

  • 全民哀悼,悼念的还包括在疫情中逝去的感染者。

  • 敬畏生命,寄托哀思。

  • 在这场世界级疫情中,个人或许渺小,但当全国乃至全世界团结起来,建立人类命运共同体时,终将战胜共同的敌人。

  • 悼念活动是寄托我们的哀痛,擦干眼泪后,继续奋勇前行。

  • 四月清明,春回大地,大自然将迎来一派生机勃勃的景象。

  • 清明,既是哀悼,也是走向新生的日子。

  • 我们带着对逝者的思念,迎候生命的顽强不息。

  • 祈祷疫情早日结束,人间皆安,告慰烈士和逝去的同胞。

这篇文章由DurkBlue发布,转载请注明来处

分享到:
0
赞(1

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

发表评论取消回复

快捷回复:

评论列表 (暂无评论,73人围观)参与讨论