手机客户端

您的位置：首页 > 源码 > SliderCaptcha 滑块验证码

SliderCaptcha 滑块验证码
SliderCaptcha 滑块验证码

SliderCaptcha 滑块验证码

SliderCaptcha是一个滑块验证码，用户通过拖动滑块

立即下载
6

已有5420人下载

SliderCaptcha 滑块验证码 SliderCaptcha 滑块验证码
SliderCaptcha 滑块验证码

简单介绍

文章导读：SliderCaptcha是一个滑块验证码，用户通过拖动滑块完成校验，支持PC端及移动端，新增 Blazor 版本的滑块验证码。快速开始组件依赖 font-awesomeCSS将引入样式表的 标签复制并粘贴到 中，并放在所有其他样式表之前。。

SliderCaptcha是一个滑块验证码，用户通过拖动滑块完成校验，支持PC端及移动端，新增 Blazor 版本的滑块验证码。


快速开始

组件依赖 font-awesome

CSS

<link href="./src/slidercaptcha.css">

将引入样式表的 标签复制并粘贴到 中，并放在所有其他样式表之前。

JS

<script src="./src/longbow.slidercaptcha.js"></script>

将引入脚本的 <script> 标签复制并粘贴到 <body> 最后面。
用法
添加网页Html元素

<p id="captcha"></p>


API
通过 javascript 初始化控件

<p id="captcha"></p><script>    sliderCaptcha({        id: 'captcha'    });</script>

Options

可以根据自己需要设置宽度与高度等配置

<p id="captcha"></p><script>    sliderCaptcha({        id: 'captcha',        width: 280,        height: 150,        sliderL: 42,        sliderR: 9,        offset: 5,        loadingText: '正在加载中...',        failedText: '再试一次',        barText: '向右滑动填充拼图',        repeatIcon: 'fa fa-redo',        setSrc: function () {                    },        onSuccess: function () {                    },        onFail: function () {        },        onRefresh: function () {                }    });</script>

方法

<p id="captcha"></p><script>    var captcha = sliderCaptcha({        id: 'captcha'    });    captcha.reset();</script>

最新文章

更多+
加载更多

下载

更多+
加载更多

标签

  • 分类 源码
  • 大小 696KB
  • 版本 v1.0
  • 系统

相关下载

更多+

同类推荐

更多+