插件描述：jQuery滑动图片角度插件，仿baidu登录，用canvas画图 rotate转动
更新时间：2019-11-05 23:56:08
jqRotateVerify
使用
1 2 3 4 5 6 7 8 | var myRotateVerify = new RotateVerify('#rotateWrap', { initText: '滑动将图片转正', //默认 slideImage: ['image/1.jpg', 'image/2.jpg', 'image/4.jpg'], //arr [imgsrc1,imgsrc2] 或者str 'imgsrc1' slideAreaNum: 10, // 误差范围角度 +- 10(默认) getSuccessState: function(res) { //验证通过 返回 true; console.log('例1' + res); }}) |
参数
- initText ：'滑动将图片转正',//默认
- slideImage ：图片的src,可以为一个图片的src,也可以是多张图片的 src 数组
- slideAreaNum：10,// 误差范围角度 +- 10(默认)
- getSuccessState：验证成功回调 返回true
重置方法
1 2 3 4 | //重置 $("#resetBtn").on('click',function(){ myRotateVerify.resetSlide();}) |
获取验证状态
1 2 3 4 | //可拿到 验证状态 $("#testBtn").on('click',function(){ alert(myRotateVerify.verifyState);}) |
html
1 2 3 4 5 6 7 | <div id="rotateWrap" style="margin-top:50px;"></div><div style="text-align: center;margin-top: 50px;"> <button type="button" id="resetBtn" style="height: 30px;">重置</button> <button type="button" id="testBtn" style="height: 30px;">状态测试</button></div |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 手机app生活服务平台页面模板
- 下一个特效： jQuery Tabs选项卡嵌套2级Tabs