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对象使用说明
Jun 25 Javascript
轻量级的原生js日历插件calendar.js使用指南
Apr 28 Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 Javascript
JSONP原理及简单实现
Jun 08 Javascript
AngularJS 面试题集锦
Sep 06 Javascript
Javascript Event(事件)的传播与冒泡
Jan 23 Javascript
jQuery Position方法使用和兼容性
Aug 23 jQuery
Node.js中环境变量process.env的一些事详解
Oct 26 Javascript
浅谈vue-router 路由传参的方法
Dec 27 Javascript
JS中移除非数字最多保留一位小数
May 09 Javascript
Vue运用transition实现过渡动画
May 06 Javascript
vue element-ul实现展开和收起功能的实例代码
Nov 25 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
用PHP读取RSS feed的代码
2008/08/01 PHP
php tp验证表单与自动填充函数代码
2012/02/22 PHP
php隐藏实际地址的文件下载方法
2015/04/18 PHP
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
2011/05/28 Javascript
javascripit实现密码强度检测代码分享
2013/12/12 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
分享一个vue项目“脚手架”项目的实现步骤
2019/05/26 Javascript
layer设置maxWidth及maxHeight解决方案
2019/07/26 Javascript
JavaScript原型式继承实现方法
2019/11/06 Javascript
使用uni-app开发微信小程序的实现
2019/12/13 Javascript
js实现小时钟效果
2020/03/25 Javascript
js实现时间日期校验
2020/05/26 Javascript
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
python pandas库的安装和创建
2019/01/10 Python
python如何统计代码运行的时长
2019/07/24 Python
Python字符串和正则表达式中的反斜杠('\')问题详解
2019/09/03 Python
python 经典数字滤波实例
2019/12/16 Python
python圣诞树编写实例详解
2020/02/13 Python
python烟花效果的代码实例
2020/02/25 Python
Numpy中np.max的用法及np.maximum区别
2020/11/27 Python
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
2013/01/30 HTML / CSS
欧克利英国官网:Oakley英国
2019/08/24 全球购物
澳大利亚设计师服装在线:MISHA
2019/10/07 全球购物
星级党支部申报材料
2014/05/31 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
幼儿园中班教师个人工作总结
2015/02/06 职场文书
会计专业求职信范文
2015/03/19 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
公司开业致辞
2015/07/29 职场文书
《詹天佑》教学反思
2016/02/20 职场文书
使用Django实现商城验证码模块的方法
2021/06/01 Python
Mysql实现简易版搜索引擎的示例代码
2021/08/30 MySQL
css样式important规则的正确使用方式
2022/06/10 HTML / CSS
js前端图片加载异常兜底方案
2022/06/21 Javascript