jquery.gray.js 介绍
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+
网站地址:https://work.karlhorky.com/gray/
GitHub:https://github.com/karlhorky/gray
jquery.gray.js
官方网站：https://work.karlhorky.com/gray/
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。