网站变灰代码【转帖】

关注

转载最新推荐文章于 2025-04-15 22:41:47 发布 389 阅读 AI 写同款· GEO 优化 ›

vue/Nuxt实现当年或每年哀悼日网站全站变灰 html/css/vue根据时间全站自动变灰1. 当年时间-全站变灰2. 如果要设置每年固定日期变灰（我这里只设置了国家公祭日(南京)和汶川地震）2.1这里演示在vue项目中如何使用vue-cli中使用Nuxt中使用3. 如果单单想试试效果最后如果用到的小伙伴，点个赞鸭（最好来个关注????????????????）友情提示:此篇代js码基于jQuery实现 1. 当年时间-全站变灰如果是设置当年的事件(以疫情为例) // 1.得到当前的时间 var nowTime = new Date( 阅读详情

为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
如果网站没有使用 CSS，可以在网页/模板的HTML代码和之间插入：
       <style>
       html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
       </style>
有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议
<param value="false" name="menu"/>
       <param value="opaque" name="wmode"/>
请将网页最头部的替换为以上代码。
有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在 FLASH代码的和之间插入：
　<param value="false" name="menu"/>
       <param value="opaque" name="wmode"/>
最简单的把页面变成灰色的代码是在head 之间加
<style type="text/css">
          html {
         FILTER: gray
         }
         </style>
一般的discuz论坛在你的控制css 文件下修改
/images/header/header.css 这个文件，点源码即可看到
另在哀悼日或遇难的新闻，所有专题和主题图片上不能使用红色标题。