Javascript 网页黑白效果实现代码(兼容IE/FF等)
更新时间：2010年04月23日 16:46:36 作者：
今天在网上看到有人推荐的一个不错的方法，试了一下，效果还是可以的，可以自定义让网页的某一部分变成灰度颜色(黑白)。
下面的演示地址是局部灰色
局部灰色 演示地址： http://demo.jb51.net/js/grayscale/index.html
完全灰色 演示地址： http://demo.jb51.net/js/grayscale/demo2.htm
使用方法：
1.首先在网页中引入grayscale.js文件。
2.执行grayscale函数即可。
示例代码：
grayscale(document.body); //整站变成灰色
grayscale(document.getElementById("main"));//指定元素变灰色
grayscale.reset(document.getElementById("main"));//指定元素还原
打包下载地址
局部灰色 演示地址： http://demo.jb51.net/js/grayscale/index.html
完全灰色 演示地址： http://demo.jb51.net/js/grayscale/demo2.htm
使用方法：
1.首先在网页中引入grayscale.js文件。
2.执行grayscale函数即可。
示例代码：
复制代码 代码如下:
grayscale(document.body); //整站变成灰色
grayscale(document.getElementById("main"));//指定元素变灰色
grayscale.reset(document.getElementById("main"));//指定元素还原
打包下载地址
相关文章
JavaScript中push(),join() 函数 实例详解
本文通过实例给大家介绍了JavaScript中push(),join() 的知识，非常不错，具有参考借鉴价值,需要的朋友可以参考下2016-09-09
在JS中，对于对象类型的变量的引用是通过类似C之类的“指针”的方式来操作的，及如果多个变量引用同一个对象，则任意一个变量对对象的操作都会影响到其它的变量。2010-03-03
今天小编就为大家分享一篇layui表格设计以及数据初始化详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
这篇文章主要为大家详细介绍了一道极易被忽视的javascript面试题七问七答，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了使用js绘制几何图形系列教程的绘制饼图篇,需要的朋友可以参考下2015-01-01
JavaScript中使用正则匹配多条，且获取每条中的分组数据
该问题在使用Ajax远程获取某网页数据时经常遇见 如果目标页面是XML，就好办了，实用XMLDOM可以很轻松完成任务。2010-11-11
这篇文章主要介绍了JS清除字符串中重复值的实现方法,涉及javascript数组与字符串的遍历、比较及数学运算相关技巧,需要的朋友可以参考下2016-08-08
本文主要介绍了Bootstrap 按钮下拉菜单的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
交叉观察器 IntersectionObserver用法详解
这篇文章主要为大家介绍了交叉观察器 IntersectionObserver用法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
学过JAVA的人对函数的覆盖和重载肯定是再熟悉不过了。2009-09-09
最新评论