在某几个提别的节日,很多网站会将网站首页变成灰色,来以此悼念或者表敬意,今天我将分享一个全站置灰代码,适用于所有站点。
<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>
需要修改代码中的起始时间,然后放到网站中就行了。效果就不做展示了,一片灰色,都能想象得出来。