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类和继承 prototype属性
Sep 03 Javascript
Javascript 静态页面实现随机显示广告的办法
Nov 17 Javascript
nullJavascript中创建对象的五种方法实例
May 07 Javascript
JavaScript中判断原生函数检查function是否是原生代码
Sep 09 Javascript
浅析javascript 定时器
Dec 23 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
Aug 03 Javascript
JS给swf传参数的实现方法
Sep 13 Javascript
react router 4.0以上的路由应用详解
Sep 21 Javascript
ES6基础之解构赋值(destructuring assignment)
Feb 21 Javascript
js回文数的4种判断方法示例
Jun 04 Javascript
一百多行代码实现react拖拽hooks
Mar 23 Javascript
详解Vue的列表渲染
Nov 20 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横向重复区域显示二法
2008/09/25 PHP
浅析javascript闭包 实例分析
2010/12/25 Javascript
使用phantomjs进行网页抓取的实现代码
2014/09/29 Javascript
node.js中的buffer.toString方法使用说明
2014/12/14 Javascript
tuzhu_req.js 实现仿百度图片首页效果
2015/08/11 Javascript
微信小程序 增、删、改、查操作实例详解
2017/01/13 Javascript
详解Angualr 组件间通信
2017/01/21 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
2017/08/23 Javascript
使用vue-resource进行数据交互的实例
2017/09/02 Javascript
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
Vue组件模板及组件互相引用代码实例
2020/03/11 Javascript
vue3.0 上手体验
2020/09/21 Javascript
vue添加自定义右键菜单的完整实例
2020/12/08 Vue.js
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
用Python实现web端用户登录和注册功能的教程
2015/04/30 Python
python爬虫入门教程--HTML文本的解析库BeautifulSoup(四)
2017/05/25 Python
Pytorch maxpool的ceil_mode用法
2020/02/18 Python
python 元组的使用方法
2020/06/09 Python
CSS3实现时间轴效果
2016/07/11 HTML / CSS
中国医药集团国药在线:国药网
2017/02/06 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
深圳茁壮笔试题
2015/05/28 面试题
向领导表决心的话
2014/03/11 职场文书
共产党员公开承诺书范文
2014/03/28 职场文书
好学生评语大全
2014/05/05 职场文书
考博专家推荐信
2014/05/10 职场文书
咖啡厅商业计划书
2014/09/15 职场文书
统计学教授推荐信
2014/09/18 职场文书
单位租房协议书样本
2014/10/30 职场文书
项目建议书
2015/02/04 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
单位车辆管理制度
2015/08/05 职场文书
创业计划书之奶茶店开店方案范本!
2019/08/06 职场文书