国家公祭日网站置灰代码

发表于 更新于 分类于 阅读次数：

摘要：国家公祭日网站置灰代码

css代码

1
2
3
4
5
6
7
8
9
10
html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#grayscale);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}

js带时间判断代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
window.onload = function () {
  var startTime = new Date(2020, 12 - 1, 13);
  var endTime = new Date(2020, 12 - 1, 14);
  var now = new Date();
  if (now < startTime || now > endTime) {
    return;
  }
  var style = document.createElement('style');
  style.innerHTML = 'html {\n' +
    '    filter: grayscale(100%);\n' +
    '    -webkit-filter: grayscale(100%);\n' +
    '    -moz-filter: grayscale(100%);\n' +
    '    -ms-filter: grayscale(100%);\n' +
    '    -o-filter: grayscale(100%);\n' +
    '    filter: url(desaturate.svg#grayscale);\n' +
    '    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);\n' +
    '    -webkit-filter: grayscale(1);\n' +
    '}';
  var header = document.getElementsByTagName('header')[0];
  header.append(style);
};