首页 > JavaScript > 通过javascript实现整站黑白效果

通过javascript实现整站黑白效果

前天是哀悼日,急急忙忙的写了一篇关于通过CSS使网站实现黑白效果的文章(悼念地震,网站变灰CSS代码),可是这个方法使用的是IE的滤镜,具有一定的局限性。今天在网上看到有人推荐的一个不错的方法,试了一下,效果还是可以的,可以自定义让网页的某一部分变成灰度颜色(黑白),演示效果:http://james.padolsey.com/demos/grayscale/。并且支持Firefoxchrome,IE6+。

使用方法:

  1. 首先在网页中引入grayscale.js文件。
  2. 执行grayscale函数即可。
grayscale(document.body);  //整站变成黑白效果
grayscale(getElementById(el));//部分变黑白效果

相关文章

"通过javascript实现整站黑白效果"已有7条评论
    哈哈大侠

    黑白的看了一天,眼睛痛死了。唉,这个方式真的不怎么好,应该加一个开关给用户选择。

    2010年04月22日 20:20 回复 引用

    断桥残雪

    没办法,上面规定,你说一天娱乐停了,很多网站损失多少钱啊?还不如把这些钱捐款呢~

    2010年04月22日 20:36 回复 引用

    王俊伟

    不错的方法 顶一个

    2010年04月23日 18:57 回复 引用

    恩,不错,这些方面我的意见在我博客里也写过,可以交流一下。希望看到更好的文章

    2010年04月24日 00:16 回复 引用

    前端开发吧

    踩过,终于又看到新文章了。每次来都能学到新东西,希望下篇文章尽快出来,HOHO。

    2010年04月24日 02:10 回复 引用

    Jking

    这是插件来的吧,有没原生的JS学习呢

    2011年10月24日 17:53 回复 引用

    三水清

    还没呢

    2011年10月24日 17:54 回复 引用

文明发言,你好我也好
正在提交,请稍后...
返回顶部