當前位置:首頁》網頁教程 》 詳細頁面-網頁教程

Js 網站變灰(網頁黑白)效果代碼(兼容IE/FF等)

作者:asheng  歸類于:HTML教程, JS教程, 建站心得, 綜合教程 閱讀:5236  發布時間:2013-4-27

下面開始講網站變灰方法,方法而已

1、IE濾鏡法。
在CSS里面加上如下代碼:

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

或者

html {FILTER: gray;}

優點:代碼簡單
缺點:IE ONLY,其他瀏覽器無效,而且IE下占用內存厲害

 

2、grayscale

使用方法:

1.首先在網頁中引入grayscale.js文件。
2.執行grayscale函數即可。

示例代碼:

代碼如下:

grayscale(document.body); //整站變成灰色
grayscale(document.getElementByIdx_xx_x("main"));//指定元素變灰色
grayscale.reset(document.getElementByIdx_xx_x("main"));//指定元素還原

優點:多瀏覽器支持
缺點:1. 頁面加載完后才對整個頁面進行變灰操作;2. 在非 IE 瀏覽器中不支持來自其它域名的網站圖片的變灰;3. 造成非 IE 瀏覽器在加載完頁面后進行大量 js 計算,該計算負擔可以通過僅變灰 img, a 等標簽而不是 body 來優化。

聯系我們:15273585055 周女士
友恩網絡 網站建設網站:www.mcws.icu點擊查看經典網站案例!
郴州網站建設2014年網站建設套餐及優惠!

上一篇: js彈出提問框消息框警告框 .. 

下一篇: ASP列出網站wwwroot根目錄文件夾和文件,并選擇刪除..

手机捕鱼赢钱游戏平台
荣盛国际app注册 麻将技巧秘籍 澳洲幸运8开奖哪里下载 云娱乐 重庆时时前三星走势图 北京时时综合走势图 重庆时时开彩结果 手机怎么玩快速时时 五分pk拾计划app 哪个牛牛平台代理赚钱多 加拿大28开奖软件下载 北京pk赛车开奖记 3d投注表图片 联网二人麻将手机版 p好运来下载 龙虎游戏破解方法