兼容firefox,chrome的网页灰度效果


Posted in PHP onAugust 08, 2011

只是在技术上来看,要实现网页灰度,最稳妥的办法莫过于直接处理所有图像,不用考虑兼容,不用考虑效率。但是,工作量比较大,切换回来也费力。

ie系列支持css滤镜,一句 filter:gray; 就解决了所有问题。但是,众所周知,ie以效率低著名,你会发现开启以后速度显著下降。并且,最致命的,在其他浏览器下无效。

有没有兼容所有浏览器的办法呢?有。JavaScript能做到,早就有人用js模拟了ie的gray滤镜,如果你感兴趣并且愿意看英文,可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看,我可以直接告诉你怎么用。

1. 下载grayscale.js文件

2. 在你的header里引用这个js文件

<script type="text/javascript" src="../include/jscript/grayscale.js"></script>

3. 要实现全站灰度,在onload事件中调用

grayscale(document.body);

我的主题背景图片比较多,处理起来较吃力,可能出现部分图片消失的情况。。。

我会把这个效果开启三天,如果因为处理问题导致主题显示不正常影响了大家的浏览效果还请见谅。反正来这儿的都是熟人,要影响也就你们几个。。。

PHP 相关文章推荐
在线竞拍系统的PHP实现框架(二)
Oct 09 PHP
php中处理模拟rewrite 效果
Dec 09 PHP
php中转义mysql语句的实现代码
Jun 24 PHP
神盾加密解密教程(二)PHP 神盾解密
Jun 08 PHP
twig里使用js变量的方法
Feb 05 PHP
php ajax异步读取rss文档数据
Mar 29 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
Oct 25 PHP
PHP 断点续传实例详解
Nov 11 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
Nov 17 PHP
Ajax请求PHP后台接口返回信息的实例代码
Aug 21 PHP
php时间戳转换代码详解
Aug 04 PHP
php进行md5加密简单实例方法
Sep 19 PHP
用php解析html的实现代码
Aug 08 #PHP
php中设置多级目录session的问题
Aug 08 #PHP
ThinkPHP 防止表单重复提交的方法
Aug 08 #PHP
ThinkPHP与PHPExcel冲突解决方法
Aug 08 #PHP
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
Aug 08 #PHP
php Smarty初体验二 获取配置信息
Aug 08 #PHP
php中Smarty模板初体验
Aug 08 #PHP
You might like
超神学院:鹤熙已踏入神圣领域,实力不比凯莎弱
2020/03/02 国漫
php实现用户注册密码的crypt加密
2017/06/08 PHP
php用wangeditor3实现图片上传功能
2019/08/22 PHP
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
JavaScript作用域链使用介绍
2013/08/29 Javascript
一个JavaScript变量声明的知识点
2013/10/28 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
2013/11/30 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
浅析javascript中函数声明和函数表达式的区别
2015/02/15 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
2016/02/21 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
基于vue2实现左滑删除功能
2017/11/28 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
2019/01/21 Javascript
node.js中npm包管理工具用法分析
2020/02/14 Javascript
js实现超级玛丽小游戏
2020/03/18 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
2020/07/14 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
PyCharm安装第三方库如Requests的图文教程
2018/05/18 Python
使用Selenium破解新浪微博的四宫格验证码
2018/10/19 Python
django基础学习之send_mail功能
2019/08/07 Python
Python Numpy库常见用法入门教程
2020/01/16 Python
锐步美国官方网站:Reebok美国
2018/01/10 全球购物
迷你分体式空调:SoGoodToBuy
2018/08/07 全球购物
雷蛇美国官网:Razer
2020/04/03 全球购物
幼儿园中班新学期寄语
2014/01/18 职场文书
三下乡活动方案
2014/01/31 职场文书
《恐龙》教学反思
2014/04/27 职场文书
授权委托书公证
2014/09/14 职场文书
毕业生实习期转正自我鉴定
2014/09/26 职场文书
团委副书记工作总结
2015/08/14 职场文书
《搭石》教学反思
2016/02/18 职场文书
祝福语集锦:给妹妹结婚的祝福语
2019/12/18 职场文书