grayscale.js

You need JAVASCRIPT ENABLED to view this demo...

Grayscale.js is an experimental attempt to emulate Microsoft's proprietary 'grayscale' filter (available in most IE versions).

Successfully tested in Opera 9, FF2/3, Safari 4, IE6/7. It only works slightly in Safari<4 and Chrome because of their lacking support of CanvasContext.getImageData (because of this, images cannot be grayscaled).
To read more about it and to learn how to use please visit: http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/
Download it: Full-Uncompressed(view) [~13k]

grayscale.js Demo

Click to toggle Grayscale!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in purus orci. Vivamus non mi neque, a fermentum sapien. Morbi accumsan ultrices urna nec tincidunt. Sed venenatis dictum facilisis. Nunc nec dolor nec nisl tempus consequat a non risus.

Click to toggle Grayscale!

X关闭

Grayscale.js 基于jQuery的网页灰度(黑白色)特效插件实例

grayscale.js是一款基于jQuery的图片去色特效插件及实例，可将任意的彩色图片剥离色彩变成其它色调，很有意思的一款程序，感兴趣的朋友不妨一试。注意：测试的时候，需要点击图片上面的英文文字才可以显示效果。这个可以兼容firefox浏览器，一般ie浏览器建议用下面的代码[code] html { filter:progid:DXImageTransform.Microsoft.Basic