js自己去找 <script src="grayscale.js" type="text/javascript"></script> <script type="text/javascript"> var browserName = navigator.userAgent.toLowerCase(); var mybrowser = { version: (browserName.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1], safari: /webkit/i.test(browserName) && !this.chrome, opera: /opera/i.test(browserName), firefox:/firefox/i.test(browserName), ie: /msie/i.test(browserName) && !/opera/.test(browserName), mozilla: /mozilla/i.test(browserName) && !/(compatible|webkit)/.test(browserName) && !this.chrome, chrome: /chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName) } if(mybrowser.mozilla || mybrowser.safari || mybrowser.opera){ window.onload=function(){ grayscale(document.body); } } </script type="text/css"> <style> html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } </style>
另外一种不用js的,兼容firefox的
html{ 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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); }
相关推荐
网站变灰代码网站变灰代码网站变灰代码网站变灰代码网站变灰代码网站变灰代码网站变灰代码网站变灰代码
下面提供网站以表哀悼,可以吧颜色变灰,代码如下。 方法1:直接在html文档的head区域加上复制内容到剪贴板代码: html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
这些年头灾难多多,我们做网站的也不易,经常需要将网站变成灰色。本人整理了这个集合,以供自己工作中不时之需。同时也给网友提供一些方便,
一句css代码让你的网站变灰,包括图片,支持所有浏览器。一起悼念地震中逝去的生命!
Discuz! 灰色个性
jquery 让网页变灰、内含实例和源码
这个代码可以指定日期网站变灰色页面,网站调用JS代码文件就可以实现或者在后台放置代码块。
2008.5.12四川汶川大地震,带走了很多生命,令人... 相关文章:网站变黑白色CSS一行代码实现 。 为了方便个人站长表示哀悼,现总结CSS实用滤镜代码,做些微的调整,即可将网站转换为“黑、白、灰”风格。 方法一: ...
2020年的开始,是一个历史性的痛,我们的国家经历了非常惨痛的...有些时候我们需要把网站页面变成黑白色或灰色,特别是对于一些需要悼念的日子,以及一些影响力很大的伟人逝世或纪念日的时候,都会让网站的全部网页变成
在运维中,不想老是跑公司,自己写了个简单的定时器,清明节当日网站变成灰色。IE6-9/ff/chrome定时实现重大灾难日网站变成灰色(素色)效果。
弹出对话框并屏幕变灰
灰色渐变暗沉英文网站模板_灰色 渐变 暗沉 英文 简洁清爽 外贸 整站 黄色 炫彩.zip灰色渐变暗沉英文网站模板_灰色 渐变 暗沉 英文 简洁清爽 外贸 整站 黄色 炫彩.zip
在国家公祭日,各种祭奠日时,要求网站需要在规定时间段内变灰,这段代码提前设置网站变灰效果,整页面变灰,按说明使用,修改时间即可。
灰色渐变暗沉英文网站模板_灰色 渐变 暗沉 英文 简洁清爽 外贸 整站 黄色 炫彩.rar
灰色渐变暗沉英文网站模板_灰色 渐变 暗沉 英文 简洁清爽 外贸 整站 黄色 炫彩_html网站模板_网页源码移动端前.rar
大家都记得大地震吧,为了记念遇难者,好多网站都做成了灰色,这个代码加进网站里可以使整站变成灰色!
IE10/11网站变灰JavaScript插件(附demo),通过js对图片处理,使得大多数网站能够变灰,以满足需求
灰色渐变轻快的企业模板_灰色 渐变 企业 单栏 渐变背景 窄 红色 简洁_html网站模板_网页源码移动端前端_H5模.rar
我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰.(如果是小白站长们,可以把这段代码和到百度统计放在一起,放之前一定要记得换行隔开) CSS代码 html { filter: progid:...
为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。 直接在*.css文件最前面加入 复制代码代码如下:body{ filter:Gray; } 或者 ... } 均可 ...复制代码代