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 相关文章推荐
有一段有意思的代码-javascript现实多行信息
Aug 26 Javascript
ajaxControlToolkit AutoCompleteExtender的用法
Oct 30 Javascript
Cookie 小记
Apr 01 Javascript
js判断IE浏览器版本过低示例代码
Nov 22 Javascript
jQuery实现平滑滚动到指定锚点的方法
Mar 20 Javascript
js图片卷帘门导航菜单特效代码分享
Sep 10 Javascript
Node.js DES加密的简单实现
Jul 07 Javascript
原生js实现trigger方法示例代码
May 22 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
Jun 03 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
Feb 01 Javascript
如何制作自己的原生JavaScript路由
May 05 Javascript
JS前端canvas交互实现拖拽旋转及缩放示例
Aug 05 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
深入php函数file_get_contents超时处理的方法详解
2013/06/03 PHP
输入值/表单提交参数过滤有效防止sql注入的方法
2013/12/25 PHP
Windows下的PHP安装文件线程安全和非线程安全的区别
2014/04/23 PHP
PHP脚本自动识别验证码查询汽车违章
2016/12/20 PHP
Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册
2016/12/27 PHP
js变量作用域及可访问性的探讨
2006/11/23 Javascript
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
用apply让javascript函数仅执行一次的代码
2010/06/27 Javascript
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
文本域光标操作的jQuery扩展分享
2014/03/10 Javascript
js控制div弹出层实现方法
2015/05/11 Javascript
初识Javascript小结
2015/07/16 Javascript
jquery实现的简单二级菜单效果代码
2015/09/22 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
2016/08/24 Javascript
Javascript中作用域的详细介绍
2016/10/06 Javascript
vue权限路由实现的方法示例总结
2018/07/29 Javascript
Vue 刷新当前路由的实现代码
2019/09/26 Javascript
微信小程序swiper使用网络图片不显示问题解决
2019/12/13 Javascript
js实现时钟定时器
2020/03/26 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
2021/01/05 Vue.js
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
python使用RNN实现文本分类
2018/05/24 Python
django富文本编辑器的实现示例
2019/04/10 Python
python多线程分块读取文件
2019/08/29 Python
Python笔记之观察者模式
2019/11/20 Python
如何基于python实现画不同品种的樱花树
2020/01/03 Python
Python wordcloud库安装方法总结
2020/12/31 Python
Python使用Opencv实现边缘检测以及轮廓检测的实现
2020/12/31 Python
HTML5如何实现元素拖拽
2016/03/11 HTML / CSS
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
简单说说tomcat的配置
2013/05/28 面试题
简历自我评价范文
2019/04/24 职场文书
暑假开始了,你的暑假学习计划写好了吗?
2019/07/04 职场文书
golang 实现两个结构体复制字段
2021/04/28 Golang