侧边栏壁纸
  • 累计撰写 35 篇文章
  • 累计收到 1 条评论

网站变灰

逸曦穆泽
2020-09-18 / 0 评论 / 56 阅读 / 正在检测是否收录...
序言

假如遇到特殊的时间或节日,要把网站的色彩全部隐藏掉,将站点的页面变成灰色,其实很简单,下面有几种实现的方式

1、css 方式
html{filter: grayscale(100%);-webkit-filter: grayscale(100%);}
2、JavaScript 方式
<script>
const date = new Date();
// 12月13日 国家公祭日
if(date.getMonth()+1 == 12 && date.getDate() == 13){
    document.getElementsByTagName("html")[0].style.filter = "grayscale(100%)";
}
</script>
3、jQuery 方式
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script>
const date = new Date();
if(date.getMonth()+1 == 12 && date.getDate() == 13){
    $("html").css({"filter":"grayscale(100%)","-webkit-filter": "grayscale(100%)"});
}
</script>
0

评论 (0)

取消