国家公祭日网站变灰(原创)

国家公祭日网站变灰（原创）

因为身在高校就读负责维护学院网站，为响应国家公祭日(2020-12-13)缅怀先烈、铭记历史，一整天需要网站变成全灰色，但如果直接当天改代码很麻烦，于是自己就写了一个js脚本来解决这个问题，让网站在12月13日全网自动变成灰色，于14日自动恢复正常。需要的可以copy，唯一的要求就是请备注代码来源：https://www.digran.cn (Digran's Blog)

<script>
var date = {thisDate: function (beginDateStr, endDateStr) {var curDate = new Date(),beginDate = new Date(beginDateStr),endDate = new Date(endDateStr);if (curDate >= beginDate && curDate <= endDate) {document.write("<style>html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}</style>");}else{alert("禁止使用360浏览器访问！");}}
}
date.thisDate('2020/12/13', '2020/12/14');
</script>

php站点可以将下列代码放入渲染页面index.php或者将上面代码放入开发者自定义javascript部分(去掉上述代码的)

<?php
<script>
var date = {thisDate: function (beginDateStr, endDateStr) {var curDate = new Date(),beginDate = new Date(beginDateStr),endDate = new Date(endDateStr);if (curDate >= beginDate && curDate <= endDate) {document.write("<style>html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}</style>");}else{alert("禁止使用360浏览器访问！");}}
}
date.thisDate('2020/12/13', '2020/12/14');
</script>
?>

国家公祭日网站变灰(原创)相关推荐

4月4日网站变灰实录
4月4日网站变灰记录基本都是通过 grayscale 来实现的都不支持 IE 11 但在 IE 11 的情况下表现却各不相同 B站.A站.淘宝.京东.百度.虎扑.开源中国 B 站 html.gra ...
网站变灰，寄托哀思，让我们共同行动!( 图片、文字、Flash变灰)
网站变灰,寄托哀思,让我们共同行动! 在全局CSS定义中加入以下代码,可使除FLASH外的元素变灰 body { filter:progid:DXImageTransform.Microsoft.Ba ...
网站变灰CSS，多浏览器兼容版本
网站变灰CSS,多浏览器兼容版本: <style> body *{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: g ...
一行css代码让整个网站变灰, 通过js控制定点触发和关闭
今天是5.12是个特殊的日子,有的时候吧会把整个网站变灰的需求这个我们用css过滤器一行代码就能实现了 filter: grayscale(100%); 问题是出在定点触发这块,我们可以通过 ...
“网站变灰”的代码实现
网站变灰为了表示哀悼,当天很多网站把主页和内容都变成了灰色,比如百度.B 站.爱奇艺.CSDN 等等. CSDN&&爱奇艺&&百度等实现: html.gray {- ...
网站变灰小妙招-几行代码搞定
网站变灰不需要重写样式,几行代码搞定: html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grays ...
【2020.04.04缅怀英烈，哀悼英雄】哀悼日网站变灰代码
哀悼日网站变灰代码.昨晚加班把公司的多有网站全变设置完成,缅怀英烈,哀悼英雄.记住你们,因为你们我们变得安全,谢谢你们. 在全站的CSS中写入以下代码: html { filter:progid:DX ...
网站变灰代码，一行代码让网站整体变灰，wordpress网站一行代码全站变灰教程
在遇到特殊情况的时候,我们作为站长需要紧急将网站变灰的需求,在此小编给大家总结了几种方法,通过简单修改一下站点样式即可实现.一段代码让网站整体变灰.这里主要介绍的利用 filter: grayscal ...
html页面整体变灰,CSS + JS 网站变灰（变黑白），兼容所有浏览器。
有的网站可能需要用到全站黑白功能(一般常用于悼念日) ,最方便就是增加css代码,但经测试不兼容IE10.11浏览器,所以配合grayscale.js这个插件,可以完美兼容所有浏览器,这里我制作了个一 ...

国家公祭日网站变灰(原创)

国家公祭日网站变灰（原创）

国家公祭日网站变灰(原创)相关推荐

最新文章

热门文章