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

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

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

jQuery滑动将图片角度转正验证插件,一款仿百度登录效果的滑动图片角度验证功能。

源码介绍

js代码

<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>


分享到 :
jQuery+jspdf.js html转pdf插件
2021-05-04 17:01:05 下一篇

发表评论

登录... 后才能评论