哀悼日或指定日期网页自动变灰代码

一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过JS代码,来自动实现这个功能。

代码详情:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
if(aidaori()){
$("html").css({
"filter":"gray !important",
"filter":"progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)",
"filter":"grayscale(100%)",
"-webkit-filter":"grayscale(100%)",
"-moz-filter":"grayscale(100%)",
"-ms-filter":"grayscale(100%)",
"-o-filter":"grayscale(100%)"
});
}

function aidaori(){
var aidaoriarr=new Array("0403","0404","0405","0406","0414","0512","0807","0909","1213");
//2020年4月4日 新冠肺炎哀悼日,清明节
//2010年4月14日,青海玉树地震
//2008年5月12日,四川汶川地震
//2010年8月7日,甘肃舟曲特大泥石流
//1976年9月9日,毛泽东逝世
//1937年12月13日,南京大屠杀
var mydate = new Date();
var str = "";// + mydate.getFullYear();
var mm = mydate.getMonth()+1;
if(mydate.getMonth()>9){
str += mm;
}else{
str += "0" + mm;
}
if(mydate.getDate()>9){
str += mydate.getDate();
}else{
str += "0" + mydate.getDate();
}
if(aidaoriarr.indexOf(str)>-1){
return 1;
}else{
return 0;
}
}

修改方法:在jquery.js后引入以下代码
Tips:如需增加日期,请在 aidaoriarr 中以 mmdd 的格式添加