jquery.gray.js 介绍 

jquery.gray.js是一款跨浏览器彩色图片转黑白图片jquery插件。该插件使用多种技术手段来将彩色图片转换为黑白图片效果，支持的浏览器包括IE6，同时页支持各种移动手机设备。  

jquery.gray.js使用

1、安装或引入

npm install --save jquery-gray
bower install --save gray

或

<link rel="stylesheet" href="css/gray.min.css">
<script src=""path/to/js/jquery.min.js"></script>
<script src=""path/to/js/jquery.gray.min.js"></script>

2、html

<img src="/img/color.jpg" class="grayscale">

jquery.gray.js插件会自动初始化所有带.grayscaleclass的图片，将它们转换为黑白色。

3、初始化

$('.my-grayscale-class').gray();

可以通过切换grayscale-offclass类来切换彩色图片和黑白色图片。

$('.grayscale').toggleClass('grayscale-off');

jquery.gray.js兼容

• IE 6-11 (10 and 11 use the JavaScript polyfill)
• Edge 12+ (12 uses the JavaScript polyfill)
• Firefox 10+, Firefox on Android
• Chrome 19+, Chrome for Android 25+
• Android Browser 4.4+
• Safari 6+, Safari iOS 6+
• Opera 15+, Opera Mobile 16+
• BlackBerry Browser 10+

链接: https://fly63.com/nav/278