jQuery滑动图片旋转角度验证插件

使用方法

1.引入必要文件

<script src="jquery-1.11.0.min.js"></script>
<script src="jqRotateVerify.js"></script>

2.实现

<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>
更新时间 2020-05-20 16:55:50,本资源已通过Awesomes审核检验,请放心使用!
如下载遇到问题,请联系客服解决
下载地址
此插件下载需要0A币,请登录后进行下载。
请文明评论,与人为善,比聪明更重要!
评论