首页 >网站特效 >表单代码 >jQuery滑动将图片角度转正验证插件
头像

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


标签： 验证 滑动验证 拖动验证 滑块验证
jQuery将网页表格数据导出excel文件代码
jQuery+zTree下拉框树结构菜单选择插件
最新交易
评论（0）
头像

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

1 2
更多 > 相关资源 /Relative
03-29 jQuery+zTree下拉框树结构菜单选择插件
07-08 jQuery可多选的下拉选择标签代码特效
05-07 jQuery点击文本框弹出三级联动省市区选择代码
05-07 jQuery汽车分类参数多条件筛选查询代码
07-05 jQuery点击网页输入框底部弹出虚拟键盘代码特效
06-02 jQuery网页右侧悬浮购物车商品清单+在线客服代码
06-06 jQuery树形下拉列表选择代码
06-06 vue基于element-ui表格数据筛选搜索关键词高亮变色代码
06-06 jQuery.photoClip头像图片上传裁剪图片插件
06-06 html5 canvas+js拖动滑块拼图验证码代码
更多 > 推荐资源 /Recommed
06-13 jQuery+bootstrap4文本框数值加减插件
10-03 jQuery+Layer.js自定义添加删除标签代码
10-06 简单实用的verjs表单验证插件
10-08 jQuery动态数据双列表左右选择器代码
10-14 css3基于placeholder表单交互式特效
10-30 Vue手机移动端城市选择插件
11-06 jQuery选择省市区获取高德API省市行政区查询代码
11-08 jQuery单图上传图片拖拽上传预览功能代码
11-09 jQuery仿京东商品列表搜索多条件筛选功能代码
11-17 jQuery弹出式复选框选项多选代码
更多 > 标签云 /Tag
酷狗 生成器 自动聊天 英文键盘 歌词 九宫格抽奖 验证手机号 悬浮菜单 速度测试 原生js 跳跳棋 摇骰子 jQuery插件 表格排序 录音 飞艇 中奖 画册 翻页相册 计算器 图片布局 头像 菜单树形 zTree树 数字键盘 软键盘 audio 音频 excel导出 口红 夹娃娃 柱状 便签 贴纸 看图猜成语 语音 配对 扑克 下拉框美化 冒烟 动态表格 动态增删 数据表格 bootstrap表格 全景图 全景 树形节点 找茬 书法 写字 手写签名 签名 三维 下拉框多选 下拉多选 select 连线 对比 图片对比 选项卡切 步骤切换 书本翻页 翻书 电子杂志 滑块验证 左右滑动 切换swiper 移动端购物车 mp3音乐 批量图片上传 选择题 飞机大战 3D轮播 3D图片切换 3D翻转 Slider 插件 echarts图表 首列固定 表头固定 固定 城市多选 城市单选 表格编辑 表格插件 拖拽排序 弹出框 checkbox 旋转切换 卡片图片 飞鱼 打砖块 键盘输入 差特效 视 沙漏 京东 条件 拖拽上传 jQuery上传
更多 > 最新资源 /Relative
05-29 html在线抽奖源码（支持作弊）
05-30 类似老虎机特效移动端网页源码
05-30 jQuery大转盘抽奖网页特效带中奖名单的页面
05-26 html5手机微信砸金蛋抽奖小游戏代码
05-07 html5手机微信端邀请好友抽奖活动页面模板
05-10 jQuery+css3数字号码抽奖系统代码
05-30 H5响应式转盘抽奖游戏代码支持手机移动端
05-30 jQuery手机端红包雨抽奖代码
05-30 html5手机微信翻牌抽奖活动页面模板
05-30 手机微信端h5驱赶年兽抽奖活动页面模板