本文介绍如何使用JavaScript实现网页整体或局部黑白灰度效果。通过引入grayscale.js库，调用grayscale函数可将指定元素或整个文档转换为灰色显示，并支持使用reset方法还原。该方法兼容IE、Firefox等主流浏览器，适用于特殊纪念日或特定视觉风格需求。
JavaScript 实现网页黑白灰度效果（兼容IE/FF）
以下演示展示了局部区域应用灰度效果的情况。
局部灰色效果演示地址：http://demo.jb51.net/js/grayscale/index.html
全站完全灰色效果演示地址：http://demo.jb51.net/js/grayscale/demo2.htm
使用方法：
第一步，在网页中引入 grayscale.js 文件。
第二步，执行 grayscale 函数即可生效。
示例代码如下：
复制代码
grayscale(document.body); //整站变成灰色
grayscale(document.getElementById("main"));//指定元素变灰色
grayscale.reset(document.getElementById("main"));//指定元素还原打包下载地址