javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > Javascript 网页黑白

Javascript 网页黑白效果实现代码(兼容IE/FF等)

作者:

今天在网上看到有人推荐的一个不错的方法,试了一下,效果还是可以的,可以自定义让网页的某一部分变成灰度颜色(黑白)。
下面的演示地址是局部灰色

局部灰色 演示地址: 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"));//指定元素还原

打包下载地址
阅读全文