Javascript 網(wǎng)頁黑白效果實(shí)現(xiàn)代碼(兼容IE/FF等)
更新時(shí)間：2010年04月23日 16:46:36 作者：
今天在網(wǎng)上看到有人推薦的一個(gè)不錯(cuò)的方法，試了一下，效果還是可以的，可以自定義讓網(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實(shí)現(xiàn)中文實(shí)時(shí)時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)中文實(shí)時(shí)時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
基于element-ui組件手動(dòng)實(shí)現(xiàn)單選和上傳功能
在用戶使用過程中提出一鍵導(dǎo)入的功能，需求如下:點(diǎn)擊導(dǎo)入按鈕顯示提示框，然后是單選框以及上傳按鈕。這篇文章主要介紹了基于element-ui組件手動(dòng)實(shí)現(xiàn)單選和上傳功能,需要的朋友可以參考下2018-12-12
使用apply方法實(shí)現(xiàn)javascript中的對象繼承
javascript中的對象繼承的方法有很多，在接下來的文章中為大家介紹下使用apply方法是如何實(shí)現(xiàn)的2013-12-12
這篇文章主要介紹了JS實(shí)現(xiàn)向表格行添加新單元格的方法,涉及javascript針對表格進(jìn)行動(dòng)態(tài)操作的技巧,需要的朋友可以參考下2015-03-03
JS查找字符串中出現(xiàn)最多的字符及個(gè)數(shù)統(tǒng)計(jì)
最近在項(xiàng)目中遇到這樣的需求：求字符串'nininihaoa'中出現(xiàn)次數(shù)最多字符。怎么實(shí)現(xiàn)呢？下面小編給大家分享具體實(shí)現(xiàn)代碼，需要的朋友參考下吧2017-02-02
JS使用Expires?max-age判斷緩存過期的瀏覽器實(shí)例
這篇文章主要為大家介紹了JS使用Expires?max-age判斷緩存過期的瀏覽器實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
javascript 限制輸入和粘貼(IE和火狐3.x下測試通過)
限制輸入和粘貼的js代碼2008-11-11
幾種設(shè)置表單元素中文本輸入框不可編輯的方法總結(jié)
這篇文章主要是對幾種設(shè)置表單元素中文本輸入框不可編輯的方法進(jìn)行了總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
typescript基本數(shù)據(jù)類型HTMLElement與Element區(qū)別
這篇文章主要為大家介紹了typescript基本數(shù)據(jù)類型HTMLElement與Element區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
這篇文章主要介紹了JS中的柯里化(currying),需要的朋友可以參考下2017-08-08