兼容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 strtr() 函数使用说明
Nov 21 PHP
php中转义mysql语句的实现代码
Jun 24 PHP
PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
Aug 31 PHP
PHPEXCEL 使用小记
Jan 06 PHP
PHP获取短链接跳转后的真实地址和响应头信息的方法
Jul 25 PHP
ThinkPHP内置jsonRPC的缺陷分析
Dec 18 PHP
PHP计算百度地图两个GPS坐标之间距离的方法
Jan 09 PHP
PHP+shell实现多线程的方法
Jul 01 PHP
PHP实现的构造sql语句类实例
Feb 03 PHP
php 实现进制相互转换
Apr 07 PHP
CodeIgniter整合Smarty的方法详解
Aug 25 PHP
Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
Jul 24 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
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
2014/10/15 PHP
PHPCMS忘记后台密码的解决办法
2016/10/30 PHP
作为PHP程序员你要知道的另外一种日志
2018/07/30 PHP
理解Javascript_08_函数对象
2010/10/15 Javascript
页面载入结束自动调用js函数示例
2013/09/23 Javascript
JavaScript数据结构与算法之链表
2016/01/29 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
2016/09/21 Javascript
JavaScript中关于iframe滚动条的去除和保留
2016/11/17 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
Angular1.x复杂指令实例详解
2017/03/01 Javascript
NodeJs测试框架Mocha的安装与使用
2017/03/28 NodeJs
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
基于Vue实现timepicker
2017/04/25 Javascript
关于foreach循环中遇到的问题小结
2017/05/08 Javascript
基于vue2.0实现简单轮播图
2017/11/27 Javascript
Vue基本使用之对象提供的属性功能
2019/04/30 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
2019/05/07 Javascript
vue flex 布局实现div均分自动换行的示例代码
2020/08/05 Javascript
python3.3教程之模拟百度登陆代码分享
2014/01/16 Python
Windows下python2.7.8安装图文教程
2016/05/26 Python
python去掉行尾的换行符方法
2017/01/04 Python
python实现矩阵和array数组之间的转换
2019/11/29 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
python:解析requests返回的response(json格式)说明
2020/04/30 Python
基于SQLAlchemy实现操作MySQL并执行原生sql语句
2020/06/10 Python
基于python的opencv图像处理实现对斑马线的检测示例
2020/11/29 Python
香港迪士尼乐园酒店预订:Hong Kong Disneyland Hotels
2017/05/02 全球购物
实现strstr功能,即在父串中寻找子串首次出现的位置
2016/08/05 面试题
管理专员自荐信
2014/01/26 职场文书
自我鉴定书
2014/03/24 职场文书
大学生应聘求职信
2014/05/26 职场文书
会计求职自荐信
2015/03/26 职场文书
写一个Python脚本下载哔哩哔哩舞蹈区的所有视频
2021/05/31 Python
python实现层次聚类的方法
2021/11/01 Python
maven依赖的version声明控制方式
2022/01/18 Java/Android