当前位置：首页 > 下载列表 > SliderCaptcha 滑块验证码

SliderCaptcha 滑块验证码 v1.0

SliderCaptcha是一个滑块验证码，用户通过拖动滑块完成校验，支持PC端及移动端，新增Blazor版本的滑块验证码。快速开始组件依赖font-awesomeCSS将引入样式表的标签复制并粘贴到中，并放在所有其他样式表之前。JS将引入脚本的标签复制并粘贴到最后面。用法添加网页Html元素API通过javascript初始化控件sliderCap

分类: 下载/工具 · JavaScript	来源: 点击进入	版本: v1.0
日期: 2023-02-18	人气:	大小: 696KB
标签: javascript web应用开发

点击下载相关下载

功能介绍

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

快速开始

组件依赖 font-awesome

CSS

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

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

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

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

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

版本声明

本文转载于：https://down.chinaz.com/soft/42249.htm 如有侵犯，请联系study_golang@163.com删除

最新下载

查看更多

课程推荐

Golang云原生架构师课程

Go是一门并发支持、垃圾回收的编译型系统编程语言；本课程转载自哔哩哔哩：https://www.bilibili.com/video/BV1Mh411M7A

204次学习
MySQL数据管理之备份恢复案例解析视频教程

《MySQL数据管理之备份恢复案例解析视频教程》MySQL是一个开放源码的小型关联式数据库管理系统，目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。

160次学习
MySQL索引优化解决方案

本套课程是根据MySQL索引的设计理念与数据结构、索引使用场景、索引分类、索引运用场景、索引性能分析、查询优化、MySQL索引的慢查询等组成，主要讲述了MySQL索引优化的解决方案，非常适合有MySQL使用基础或者有一定工作经验的同学。课程讲解了解决大数量查询慢的问题、如何编写一个高效的SQL、查询语句应该如何优化、索引的实现原理是什么、索引又应该如何优化...等诸多SQL索引优化的难点和面试点。

182次学习
极客学院Docker视频教程

Docker是PaaS提供商dotCloud开源的一个基于LXC的高级容器引擎，源代码托管在Github上,基于go语言并遵从Apache2.0协议开源。Docker自2013年以来非常火热，无论是从github上的代码活跃度，还是各大厂商的支持，都使Docker成为了时下最受关注的技术，甚至微软都声称在下一代WindowsServer中集成对Docker的支持。所以我们收集了《极客学院Docke

243次学习
Golang进阶实战编程

本课程是在《Go语言基础视频》基础之上录制的，是Go语言基础的后半部分。包括包的管理，IO操作，Go语言最大的亮点：高并发，goroutine，channel，反射等。本视频主要为了帮助Go语言的初学者，从零到一的快速入门。学完本套课程，可以学会如果通过包管理Go项目，并发模型，以及并发实现，channel通道如何传递数据，反射等等。

127次学习
JavaScript极速入门

本套课程将帮助大家迅速掌握JavaScript这门高端的、动态的、弱类型编程语言。知识点简单明了，让你学习0压力，适合新手观看学习......

431次学习

查看更多

Golangmap实践及实现原理解析

2022-12-28 505浏览
GoLand调式动态执行代码

2023-01-13 502浏览
试了下Golang实现try catch的方法

2022-12-27 502浏览
用Nginx反向代理部署go写的网站。

2023-01-17 502浏览
MySQL主从切换的超详细步骤

2023-01-01 501浏览
Mysql-普通索引的 change buffer

2023-01-25 501浏览