需求：甲方會(huì)長(zhǎng)去世，要求把網(wǎng)站改成灰色以示哀悼；

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

引入js文件

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

選擇器選擇要改變的地方

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

了解更多有關(guān)grayscale.js可以訪問(wèn)https://j11y.io/javascript/grayscaling-in-non-ie-browsers/

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。