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

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

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

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

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

    5544444