定时开启全站变灰代码,不忘记每一个因疫情逝去的人

7个月前 ( 04-03 ) 1693阅读 0评论

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

在主题设置中,开启自定义css(我的主题模板均有这个接口),然后复制如下代码:

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

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

<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张

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

  • 敬畏生命,寄托哀思。

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

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

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

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

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

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


文章版权声明:除非注明,否则均为李洋个人博客原创文章,转载或复制请以超链接形式并注明出处。

发表评论

表情:
评论列表 (暂无评论,1693人围观)

还没有评论,来说两句吧...

取消
支付宝二维码
支付宝二维码
微信二维码