素材牛

jQuery简单精致的滑动滑块验证插件

 所属分类:网页特效-滑块和旋转,独立部件

 浏览:103次  下载:1次  评论:0次  发布时间:2018-12-13
jQuery简单精致的滑动滑块验证插件兼容IE8
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
素材描述:用作简单的滑块验证,自己写主要是因为想要重置的方法;其它很多都没有重置的方法,迫不得已,简单封装了一个。

插件使用方法:

var SlideVerifyPlug = window.slideVerifyPlug;
var slideVerify = new SlideVerifyPlug('#verify-wrap', {
    wrapWidth: '450',
    initText: '请按住滑块,123',
    sucessText: '验证通过最右边最右边最右边',
    getSucessState: function(res) {
        //当验证完成的时候 会 返回 res 值 true,只留了这个应该够用了 
        console.log(res);
    }
});
$("#resetBtn").on('click', function() {
    slideVerify.resetVerify();
})
$("#getState").on('click', function() {
    alert(slideVerify.slideFinishState);
})

文件目录结构
  • js
    • ┝ jq-slideVerify.js
    • ┝ jquery-2.1.4.min.js

讨论这个项目(0)回答他人问题或分享插件使用方法奖励牛币

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:1
所需牛币:5 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证