<script src="jquery.min.js"></script>
<script src="jqRotateVerify.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
//1
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);
}
})
//重置
$("#resetBtn").on('click',function(){
myRotateVerify.resetSlide();
})
//可拿到 验证状态
$("#testBtn").on('click',function(){
alert(myRotateVerify.verifyState);
})
//2
var myRotateVerify2 = new RotateVerify('#rotateWrap2',{
initText:'滑动将图片转正',//默认
slideImage:'image/4.jpg',//arr [imgsrc1,imgsrc2] 或者str 'imgsrc1'
slideAreaNum:10,// 误差范围角度 +- 10(默认)
getSuccessState:function (res) {//验证通过 返回 true;
console.log('例2' + res);
}
})
})
</script>
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
