javascript实现网站特殊日期变灰代码

当我们遇到九一八事变、南京大屠杀等特殊日期,我们该如何去写代码呢,我在有一篇文章写了一篇关于网站整体变灰的代码,但是只有每次写上才会生效,很不方便,今天我给大家介绍一下如何在特殊的日子,网站自动变灰:

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>

<!--全站变灰-->
<script>
$(function() {
    var myDate = new Date;
    var mon = myDate.getMonth() + 1; //获取当前月
    var date = myDate.getDate(); //获取当前日
    var days=['4.4','5.12','7.7','9.18','12.13']; //在这里自定义日期
    for (var day of days) {
        var d=day.split('.');
        if (mon == d[0] && date == d[1]) {
            var gray='grayscale(100%)';
            $("html,body").css({"filter":'gray !important;',"filter":"progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)","filter":gray,"-webkit-filter":gray,'-moz-filter':gray,'-ms-filter':gray,'-o-filter':gray});
            break;
        }
    }
});
</script>
https://https://www.ooize.com/the-website-is-grayed-out-as-a-whole.html

©️李联华的博客网 当前IP地址:3.234.244.181,欢迎您的访问!

温馨提示 : 非特殊注明,否则均为李联华的博客原创文章,本站文章未经授权禁止任何形式转载
文章链接:https://www.ooize.com/javascript-implementation-of-website-special-date-graying-code.html

订阅文章

在下面输入您的电子邮件地址以订阅我们的文章

留下评论

Loading...