序
每当有重大灾难或意外发生时,各大网站都会变灰,以表达对逝者的哀悼。
每年的12月13日,都是国家公祭日。而今年的12月13日快到了。
1. CSS使网页变灰
废话不多说,见源码:
1 2 3 4 5 6 7 8 9
| html{ filter:gray, filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1), filter:gray, -webkit-filter:gray, -moz-filter:gray, -ms-filter:gray, -o-filter:gray }
|
2. jQuery使网站自动变灰
1 2 3 4 5 6 7 8 9 10
| <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> <script>
if(new Date().getMonth() == 12 && new Date.getDate() == 13){ $("html").css({"filter":'gray',"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%)'}); } </script>
|
将以上代码加入到博客的模板中,hexo butterfly主题可以直接在主题配置文件中加入。