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 相关文章推荐
jquery对象和DOM对象的区别介绍
Aug 09 Javascript
深入探密Javascript数组方法
Jan 08 Javascript
JavaScript中的对象与JSON
Jul 03 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 Javascript
JavaScript数组的栈方法与队列方法详解
May 26 Javascript
javascript弹出窗口中增加确定取消按钮
Jun 24 Javascript
微信小程序  wx.request合法域名配置详解
Nov 23 Javascript
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
详解Angular的8个主要构造块
Jun 20 Javascript
Angular4绑定html内容出现警告的处理方法
Nov 03 Javascript
JS匿名函数内部this指向问题详析
May 10 Javascript
VUE中的v-if与v-show区别介绍
Mar 13 Vue.js
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
整理的一些实用WordPress后台MySQL操作命令
2013/01/07 PHP
一个PHP二维数组排序的函数分享
2014/01/17 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
PHP模板引擎smarty详细介绍
2015/05/26 PHP
php使用strip_tags()去除html标签仍有空白的解决方法
2016/07/28 PHP
微信小程序 消息推送php服务器验证实例详解
2017/03/30 PHP
js 操作符实例代码
2009/10/24 Javascript
jQuery实战之品牌展示列表效果
2011/04/10 Javascript
javascript椭圆旋转相册实现代码
2012/01/16 Javascript
jquery 动态创建元素的方式介绍及应用
2013/04/21 Javascript
简单的代码实现jquery定时器
2014/01/03 Javascript
jQuery中:first选择器用法实例
2014/12/30 Javascript
JS简单实现城市二级联动选择插件的方法
2015/08/19 Javascript
JavaScript Array对象详解
2016/03/01 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
2016/07/15 Javascript
纯JS焦点图特效实例(可一个页面多用)
2016/12/07 Javascript
vue快捷键与基础指令详解
2017/06/01 Javascript
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
使用layui 渲染table数据表格的实例代码
2018/08/19 Javascript
Vue 中对图片地址进行拼接的方法
2018/09/03 Javascript
[01:04:01]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第一场
2014/05/24 DOTA
深入探究Python中变量的拷贝和作用域问题
2015/05/05 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
Python 2种方法求某个范围内的所有素数(质数)
2020/01/31 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
使用html2canvas.js实现页面截图并显示或上传的示例代码
2018/12/18 HTML / CSS
美国定制钻石订婚戒指:Ritani
2017/12/08 全球购物
上班睡觉检讨书
2014/01/09 职场文书
护士的自我鉴定
2014/02/07 职场文书
2014离婚协议书范文
2014/09/10 职场文书
体育专业大学生职业生涯规划范文:打造自己的运动帝国
2014/09/12 职场文书
祝福语集锦:给满月宝宝的祝福语
2019/11/20 职场文书
golang http使用踩过的坑与填坑指南
2021/04/27 Golang