前言:

  在某几个提别的节日,很多网站会将网站首页变成灰色,来以此悼念或者表敬意,今天我将分享一个全站置灰代码,适用于所有站点。

代码:

<script>
/*
把下面的代码放在你的网站底部即可,可以自义定设置变灰时间。
需要页面已经引入了JQ插件!
*/
    var d = new Date();
    var w1 = new Date("2021-09-18 09:18:00");  //起始时间
    var w2 = new Date("2021-09-18 10:30:00");  //结束时间
    if (d.getTime() > w1.getTime() && d.getTime() < w2.getTime()) {
        $("body").css({
            "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)"
        });
    }
</script>

说明:

  需要修改代码中的起始时间,然后放到网站中就行了。效果就不做展示了,一片灰色,都能想象得出来。

发表评论

您的电子邮箱地址不会被公开。