需求：甲方會長去世，要求把網站改成灰色以示哀悼；

接到需求，開始是想改樣式和圖片，但是想著512當時那么多網站都改變過，一定有簡便一點的方法，到網上看了幾篇帖子，大多都是改樣式的，只有一個是用js實現的，而且可以實現全局效果（大快我心），兼容性也很好（在Opera 9，FF2 / 3，Safari 4，IE6 / 7中成功測試）測試后只是加載效率低了點，其他沒別的問題。這就是grayscale.js，通過修改網站背景、動態改變圖片（這也是問什么它效率低的原因）生成黑白網站效果。小型網站展示為主的可以用它，多圖或對加載時間敏感的網站不推薦這種方法（老實寫樣式吧）。使用grayscale.js的方法很簡單：

引入js文件

<script src="https://j11y.io/demos/grayscale/grayscale.js"></script>

選擇器選擇要改變的地方

//選擇器可選任何元素、任何你想改變的塊或這個頁面//原生jsgrayscale(document.getElementById("gray"));//或用jqgrayscale($("body"));

了解更多有關grayscale.js可以訪問https://j11y.io/javascript/grayscaling-in-non-ie-browsers/

總結

以上是生活随笔為你收集整理的grayscale.js 网站快速变为灰色主题小记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。