当前位置:首页》网页教程 》 详细页面-网页教程

Js 网站变灰(网页黑白)效果代码(兼容IE/FF等)

作者:asheng  归类于:HTML教程, JS教程, 建站心得, 综合教程 阅读:3626  发布时间: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.uen8.com点击查看经典网站案例!
郴州网站建设2014年网站建设套餐及优惠!

上一篇: js弹出提问框消息框警告框 .. 

下一篇: ASP列出网站wwwroot根目录文件夹和文件,并选择删除..