最新公告
  • 欢迎您光临站长源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 利用js设置指定日期/时间使html页面css样式自动变成灰色

    正文概述 管理员   2024-09-02   64

    新建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>
    


    站长源码网 » 利用js设置指定日期/时间使html页面css样式自动变成灰色

    发表评论

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    支付宝支付
    微信支付
    余额支付
    ×
    微信扫码支付 0 元