新建isgray.js，写入以下代码：

document.write([
    '<style type="text/css">',
    '  .htmlgray-filter {',
    '    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);',
    '  }',
    '</style>'].join('')
);


var date = new Date();
var nowMonth = date.getMonth() + 1;
var nowDay = date.getDate();
var nowDate = nowMonth + '-' + nowDay;

var nationalMemorialDayArray = ['4-4', '5-12', '12-13'];

if (nationalMemorialDayArray.includes(nowDate) && location.pathname=='/') {
    var root = document.documentElement;
    root.className += ' htmlgray-filter';
}

解释：在每年的4月4日、5月12、12月13号这三个日期，将页面的css设置成htmlgray-filter

然后在需要变灰的html代码里调用js即可。

<script src="/skin/zhann/js/isgray.js"></script>

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。