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

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

作者:asheng  歸類于:HTML教程, JS教程, 建站心得, 綜合教程 閱讀:5093  發布時間: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 周女士
友恩網絡 明星福利彩票投注站網站:明星福利彩票投注站點擊查看經典網站案例!
明星福利彩票投注站

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

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

三公棋牌游戏下载 11选5计划软件哪个好用吗 老虎下载app领取38元彩金 21点的攻略和必胜法 可以玩三公的棋牌游戏 pk10技巧稳赚贴吧 大乐透近30期走势图表 澳洲幸运10开奖直播 安徽时时计划软件手机版下载手机版 斗牛看四张牌抢庄辅助 九五至尊棋牌 双色球几点钟买 竞彩足球上下单双玩法 手机上炸金花怎么能赢分呢 12码复式三中三蓝姐平码论坛 412388无错别36码