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中出现乱码的处理心得
Dec 24 Javascript
javascript与CSS复习(《精通javascript》)
Jun 29 Javascript
Javascript引用指针使用介绍
Nov 07 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
jQuery实现简单的列表式导航菜单效果代码
Aug 31 Javascript
jQuery遍历json的方法(推荐)
Jun 12 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
Dec 28 Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 Javascript
ajax请求data遇到的问题分析
Jan 18 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
Aug 29 Javascript
Vue.js的动态组件模板的实现
Nov 26 Javascript
layui 对table中的数据进行转义的实例
Sep 12 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中长文章分页显示实现代码
2012/09/29 PHP
smarty模板判断数组为空的方法
2015/06/10 PHP
php用wangeditor3实现图片上传功能
2019/08/22 PHP
我的javascript 函数链之演变
2011/04/07 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
js弹出div并显示遮罩层
2014/02/12 Javascript
js函数调用的方式
2014/05/06 Javascript
javascript实现checkbox全选的代码
2015/04/30 Javascript
基于Vue如何封装分页组件
2016/12/16 Javascript
基于JavaScript实现评论框展开和隐藏功能
2017/08/25 Javascript
JS代码实现电脑配置检测功能
2018/03/21 Javascript
jQuery动态移除与增加onclick属性的方法详解
2018/06/07 jQuery
微信小程序日历效果
2018/12/29 Javascript
详解django模板与vue.js冲突问题
2019/07/07 Javascript
vue项目在webpack2实现移动端字体自适配功能
2020/06/02 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
vue 解决addRoutes多次添加路由重复的操作
2020/08/04 Javascript
浅析JavaScript 函数柯里化
2020/09/08 Javascript
python脚本实现查找webshell的方法
2014/07/31 Python
PyTorch上实现卷积神经网络CNN的方法
2018/04/28 Python
详谈python在windows中的文件路径问题
2018/04/28 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
Python可变参数会自动填充前面的默认同名参数实例
2019/11/18 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
python语言是免费还是收费的?
2020/06/15 Python
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
请写一个C函数,若处理器是Big_endian的,则返回0;若是Little_endian的,则返回1
2015/07/16 面试题
证婚人经典证婚词
2014/01/09 职场文书
酒后驾驶检讨书
2014/01/27 职场文书
安全生产投入制度
2014/01/29 职场文书
新闻学专业个人求职信写作
2014/02/04 职场文书
个人工作决心书
2015/09/22 职场文书
组织委员竞选稿
2015/11/21 职场文书
vue-cropper插件实现图片截取上传组件封装
2021/05/27 Vue.js
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python