欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-14 14:51:56
...
下面的演示地址是局部灰色

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

打包下载地址