Javascript 网页黑白效果实现代码(兼容IE/FF等)


Posted in Javascript onApril 23, 2010

下面的演示地址是局部灰色

局部灰色 演示地址: http://demo.3water.com/js/grayscale/index.html
完全灰色 演示地址: http://demo.3water.com/js/grayscale/demo2.htm
使用方法:

1.首先在网页中引入grayscale.js文件。
2.执行grayscale函数即可。

示例代码:

grayscale(document.body); //整站变成灰色 
grayscale(document.getElementById("main"));//指定元素变灰色 
grayscale.reset(document.getElementById("main"));//指定元素还原

打包下载地址
Javascript 相关文章推荐
js小技巧--自动隐藏红叉叉
Aug 13 Javascript
jQuery Ajax之$.get()方法和$.post()方法
Oct 12 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
Apr 01 Javascript
Extjs grid panel自带滚动条失效的解决方法
Sep 11 Javascript
Javascript中Array.prototype.map()详解
Oct 22 Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 Javascript
日常收集整理的JavaScript常用函数方法
Dec 10 Javascript
JS设计模式之惰性模式(二)
Sep 29 Javascript
react以create-react-app为基础创建项目
Mar 14 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
通过实例了解js函数中参数的传递
Jun 15 Javascript
解决vue-photo-preview 异步图片放大失效的问题
Jul 29 Javascript
js 文件引入实现代码
Apr 23 #Javascript
网页图片延时加载的js代码
Apr 22 #Javascript
基于jQuery的表格操作插件
Apr 22 #Javascript
JQuery实现的在新窗口打开链接的方法小结
Apr 22 #Javascript
JQuery 技巧和窍门整理(8个)
Apr 22 #Javascript
超级酷和最实用的jQuery实例收集(20个)
Apr 21 #Javascript
基于jquery的超简单上下翻
Apr 20 #Javascript
You might like
Zend公司全球首推PHP认证
2006/10/09 PHP
PHP与MySQL交互使用详解
2006/10/09 PHP
php动态实现表格跨行跨列实现代码
2012/11/06 PHP
PHP 范围解析操作符(::)用法分析【访问静态成员和类常量】
2020/04/14 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
extJs 常用到的增,删,改,查操作代码
2009/12/28 Javascript
推荐40款强大的 jQuery 导航插件和教程(上篇)
2012/09/14 Javascript
javascript 树形导航菜单实例代码
2013/08/13 Javascript
jquery.post用法之type设置问题
2014/02/24 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
2015/08/12 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
浅谈Node.js之异步流控制
2017/10/25 Javascript
Node层模拟实现multipart表单的文件上传示例
2018/01/02 Javascript
Element UI 自定义正则表达式验证方法
2018/09/04 Javascript
vue路由--网站导航功能详解
2019/03/29 Javascript
简单了解JavaScript sort方法
2019/11/25 Javascript
原生js实现随机点餐效果
2019/12/10 Javascript
jQuery实现购物车全功能
2021/01/11 jQuery
Python判断操作系统类型代码分享
2014/11/22 Python
在Python中使用Neo4j数据库的教程
2015/04/16 Python
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
Python3.4 tkinter,PIL图片转换
2018/06/21 Python
Python3.5文件修改操作实例分析
2019/05/01 Python
Django模型修改及数据迁移实现解析
2019/08/01 Python
python异步编程 使用yield from过程解析
2019/09/25 Python
Python爬虫分析微博热搜关键词的实现代码
2021/02/22 Python
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
详解使用HTML5的classList属性操作CSS类
2017/10/13 HTML / CSS
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
什么情况下你必须要把一个类定义为abstract的
2013/01/06 面试题
常用UNIX 命令(Linux的常用命令)
2013/07/10 面试题
学校门卫管理制度
2014/01/30 职场文书
学生会部长竞聘书
2014/03/31 职场文书
活动总结格式范文
2014/04/26 职场文书
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL