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)文章
詳解如何準(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
微信小程序?qū)崿F(xiàn)頂部選項卡(swiper)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)頂部選項卡效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下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
一文詳解TypeScript中的內(nèi)置數(shù)據(jù)類型
作為一門類型安全的編程語言,TypeScript?提供了多種內(nèi)置數(shù)據(jù)類型,幫助我們更好地定義和操作數(shù)據(jù),下面小編就來和大家詳細(xì)聊聊這些數(shù)據(jù)類型的相關(guān)知識吧2023-06-06
javascript 文章截取部分無損html顯示實現(xiàn)代碼
近在做一些內(nèi)容搜索的工作,搜索出來的內(nèi)容為html格式,列表部分需要顯示每項內(nèi)容的一部分。2010-05-05

