JavaScript 实现网页黑白灰度效果（兼容IE/FF）
作者：小括号时间：2026-10-24 20:49:45浏览：559
本文介绍如何使用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"));//指定元素还原打包下载地址
作者最新文章
JS语法错误会阻止加载吗？区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践：从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组？
2026-11-05 09:59:18