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关闭

Javascript 整站黑白效果(兼容IE/FF等)

今天在网上看到有人推荐的一个不错的方法，试了一下，效果还是可以的，可以自定义让网页的某一部分变成灰度颜色(黑白)，只为技术交流，希望以后再也用不到。详细的使用方法：Javascript 网页黑白效果实现代码(兼容IE/FF等)