代码项网站变灰哀悼日或指定日期网页自动变灰代码
Neosey
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过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 的格式添加