网站全灰效果_将整个网站页面变成黑白两色[网站美化教程]

网站全灰效果_将整个网站页面变成黑白两色

网站全灰效果_将整个网站页面变成黑白两色[网站美化教程] 正文

网站全灰效果_将整个网站页面变成黑白两色[网站美化教程]-度崩网-几度崩溃

记得去年知名歌手乔任梁去世的时候,百度图片破天荒的给他搞了个黑白网页,使得所有用户在百度图片搜索乔任梁的时候都是显示全站黑白的,对于一些需要悼念的日子,很多人也都想把自己的网站弄成全站黑白来表示自己的哀悼之情…

下面我就附上开启全站黑白的教程和代码吧,只需要定义一句css即可,要将整个网站变成灰色调,你不用去一张一张的改图片的色调,只需要在css文件的html节点上添加下面一条定义,代码如下

html {-webkit-filter: grayscale(100%);}

如果你的网站没有引用css文件,那么就可以直接引用下面这段html代码

<style type="text/css">
html {-webkit-filter: grayscale(100%);}
style>

已知以上代码对QQ浏览器、360浏览器、IE浏览器、谷歌浏览器有效。

文章转载自iKxin小站

原文地址:https://www.ikxin.com/website-black.html

盾给网优化代码:js加入月份和日期判断。仅在4.3日当天起作用,将此段代码直接填入网站后台的头部代码或底部代码即可。

<script type="text/javascript">
var day2 = new Date();
day2.setTime(day2.getTime());
if(day2.getMonth()==3&&day2.getDate()==4){
var filter = document.getElementsByClassName('avgrund-ready');
filter[0].style.filter='grayscale(100%)'
}
</script>

给TA打赏
共{{data.count}}人
人已打赏
建站教程

京都一只喵bibi播放器+弹幕库(已修复弹幕不显示发送时间)[网站教程]

2020-3-19 16:35:22

建站教程

网站如何禁用别人f12代码审查元素[建站教程]

2020-4-16 9:28:37

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
6 条回复 A文章作者 M管理员
  1. Muze

    经测试。“盾给网优化代码”在默认的2019主题中失效。

    • 盾给网

      需要改一下。js方法中的classname,改成你的html名字,不要直接拿进去 ✗笑哭了✗

    • 盾给网

      这个是b2的。我说的不够明确

    • Muze

      原来如此✗棒棒的✗

    • Muze

      我也写了篇类似的教程,配有截图,方便广大站长使用。
      也欢迎各位前来指正。 ✗吐舌头✗
      https://www.npc.ink/14874.html

    • 盾给网

      你的代码高亮是什么插件

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索