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 poly fill)
Edge 12+ (12 uses the JavaScript poly fill)
Firefox 10+,Firefox on Android
Chrome 19+,Chrome for Android 25+
Android bro wser 4.4+
Safari 6+,Safari iOS 6+
Opera 15+,Opera Mobile 16+
Black Berry bro wser 10+
网站地址 : https://work.karlhorky.com/gray/
GitHub: https://github.com/karlhorky/gray
网站描述: 一款跨浏览器 彩色 图片 转黑白 图片 jquery 插件
jquery.gray.js官方网站
官方网站: https://work.karlhorky.com/gray/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。