头像

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

来源:http://www.phprr.com/show-1603 a***n 2019-11-17 21:11:43浏览() 收藏

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

手机扫码访问:

下载资源: 0
下载资源 下载积分: 50 积分

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>



源码仅供学习 不得用于其他用途,否则后果一切自负哦
腾讯云服务器安全可靠高性能,多种配置供您选择

https://cloud.tencent.com/redirect.php?redirect=1001&cps_key=b685b398d3e704662203733b89accc52&from=console

阿里云服务器安全可靠高性能,多种配置供您选择

https://promotion.aliyun.com/ntms/act/qwbk.html?userCode=geqqrf2n


最新交易
评论0
头像

评论后赠送5积分,下载出错或者资源有问题请联系全栈客服QQ 357058607

1 2