手动网页变为黑白模式

前言

• 4.4号为全国哀悼日，用于表示对医护人员的敬意
• 本站将一整天保持黑白页面状态

第一种（无定时CSS样式）

html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}

*可以加入自定义的CSS中

第二种（无定时sytle标签样式）

<style type="text/css">html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} </style>

第三种定时黑白页面（加入到后台自定义CSS中，其他网页理论通用）

    ncov_gray();

    function ncov_gray() {
        var date = new Date();
        this.year = date.getFullYear();
        this.month = date.getMonth() + 1;
        this.date = date.getDate();

        var currentTime = this.year + "." + this.month + "." + this.date;
        if (currentTime == "2020.4.4") {
            $("html").css("filter", "grayscale(1)");
        }
    }