利用js设置指定日期/时间使html页面css样式自动变成灰色
新建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>
#免责声明#
ZHANN.CN帝国之家工作室内所有作品,均为ZHANN手写代码。部分样式或模板代码移植或仿造自互联网(如有侵权,出示著作权证书联系我删除),所有代码不能用于非法站点(色情,暴力,政治类站点)。ZHANN只提供源代码服务,不提供任何建站服务。不承担任何建站后的法律问题!ZHANN所得费用均为制作模板劳动报酬。使用开源免费的帝国CMS作为核心,请保留帝国CMS的版权。如商用请购买帝国商业版,ZHANN只做帝国CMS模板服务,不做任何建站、不制作采集任何网站内容、不出售任何非开源有版权源代码更不卖任何域名和空间服务器,我出卖的只是我的技术劳动力!如在本站发生交易任何资源或者下载任何资源,则代表默认同意以上文字内容。感谢小伙本的支持,做一个知法守法的好公民!