Javascript 網(wǎng)頁黑白效果實現(xiàn)代碼(兼容IE/FF等)
更新時間：2010年04月23日 16:46:36 作者：
今天在網(wǎng)上看到有人推薦的一個不錯的方法，試了一下，效果還是可以的，可以自定義讓網(wǎng)頁的某一部分變成灰度顏色(黑白)。
下面的演示地址是局部灰色
局部灰色 演示地址： http://demo.jb51.net/js/grayscale/index.html
完全灰色 演示地址： http://demo.jb51.net/js/grayscale/demo2.htm
使用方法：
1.首先在網(wǎng)頁中引入grayscale.js文件。
2.執(zhí)行g(shù)rayscale函數(shù)即可。
示例代碼：
grayscale(document.body); //整站變成灰色
grayscale(document.getElementById("main"));//指定元素變灰色
grayscale.reset(document.getElementById("main"));//指定元素還原
打包下載地址
局部灰色 演示地址： http://demo.jb51.net/js/grayscale/index.html
完全灰色 演示地址： http://demo.jb51.net/js/grayscale/demo2.htm
使用方法：
1.首先在網(wǎng)頁中引入grayscale.js文件。
2.執(zhí)行g(shù)rayscale函數(shù)即可。
示例代碼：
復(fù)制代碼 代碼如下:
grayscale(document.body); //整站變成灰色
grayscale(document.getElementById("main"));//指定元素變灰色
grayscale.reset(document.getElementById("main"));//指定元素還原
打包下載地址
相關(guān)文章
這篇文章主要介紹了JS+JQuery實現(xiàn)無縫連接輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
詳解如何準(zhǔn)確判斷JavaScript中的數(shù)據(jù)類型
JavaScript中,我們經(jīng)常需要判斷數(shù)據(jù)類型以便于正確地處理數(shù)據(jù),本文將介紹JavaScript中的數(shù)據(jù)類型判斷技術(shù),包括typeof操作符、instanceof操作符、Object.prototype.toString方法以及ES6新增的一些數(shù)據(jù)類型判斷方法,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了js實現(xiàn)文字頭像的生成的代碼，代碼簡單易懂，非常不錯，對大家的工作或?qū)W習(xí)具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
微信小程序?qū)崿F(xiàn)頂部選項卡(swiper)
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)頂部選項卡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
JS前端框架關(guān)于重構(gòu)的失敗經(jīng)驗分享
關(guān)于重構(gòu)JS前端框架的失敗經(jīng)驗接下來與大家分享一下，感興趣的你可不要錯過了哈，畢竟是經(jīng)驗之談哈2013-03-03
javascript轉(zhuǎn)換字符串為dom對象（字符串動態(tài)創(chuàng)建dom）
那么今天的目的就是教大家怎么去實現(xiàn)一個這樣的方法用來把字符串直接轉(zhuǎn)換為標(biāo)準(zhǔn)的dom對象2010-05-05
今天在為網(wǎng)站增加一些代碼功能的時候，需要用到if條件判斷，發(fā)現(xiàn)簡寫方法忘了，這里特整理下2014-05-05
一文詳解TypeScript中的內(nèi)置數(shù)據(jù)類型
作為一門類型安全的編程語言，TypeScript?提供了多種內(nèi)置數(shù)據(jù)類型，幫助我們更好地定義和操作數(shù)據(jù)，下面小編就來和大家詳細聊聊這些數(shù)據(jù)類型的相關(guān)知識吧2023-06-06
javascript 文章截取部分無損html顯示實現(xiàn)代碼
近在做一些內(nèi)容搜索的工作，搜索出來的內(nèi)容為html格式，列表部分需要顯示每項內(nèi)容的一部分。2010-05-05
本文主要介紹了js實現(xiàn)4個方向滾動球的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03