分享一下全站置灰代码

akiooo 2022-07-08 AM 1365℃ 0条

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

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

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

非特殊说明,本博所有文章均为博主原创,

部分转载有可能忘记标注,如侵犯了您的权益,您可以留言我增加原文出处或删除文档。

评论啦~