行为验证码小图标修改

贾迎春
• 阅读 437

前言

最近行为验证码在很多网站逐步流行起来,对用户体验来说,比较新颖,操作简单。下面我以滑动拼图验证码和文字点选验证码为例,通过 KgCaptcha 来说说如何修改验证码中的图标。

01 滑动小箭头图标

设置滑动小箭头图标,滑动拼图默认不拖动的小图标。

行为验证码小图标修改

设置效果如下:

行为验证码小图标修改

02 错误小图标

设置错误小图标,当滑动拼图拖动验证错误时的错误小图标。

行为验证码小图标修改

设置效果如下:

行为验证码小图标修改

03 正确小图标

设置正确小图标,当滑动拼图拖动验证正确时的正确小图标。

行为验证码小图标修改

设置效果如下:

行为验证码小图标修改

04 拖动小箭头图标

设置拖动过程中小箭头图标,当滑动拼图拖动时的拖动小图标。

行为验证码小图标修改

设置效果如下:

行为验证码小图标修改

05 提示小图标

设置提示小图标,文字点选默认没点选的提示小图标。

行为验证码小图标修改

设置效果如下:

行为验证码小图标修改

相关链接

SDK开源地址:https://github.com/KgCaptcha,顺便做了一个演示:https://www.kgcaptcha.com/demo/

点赞
收藏
评论区
推荐文章
宙哈哈 宙哈哈
1年前
Vue.js 滑动拼图验证码实现笔记
关于验证码的使用场景还是非常多的,很多网站上的验证码可谓是五花八门,下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
不是海碗 不是海碗
1年前
验证码短信API的应用场景有哪些你知道嘛?
短信验证码已经影响到了我们生活方方面面,成为了不可或缺的一部分。同时,短信验证码也是用户体验中的一个重要指标,如果手机经常出现接收验证码很慢甚至是没有接收到验证码的情况,这就会严重影响到网站或者APP的用户体验,从而导致大量用户的流失。短信验证码如此重要,那个短信验证码API也是必不可少的,这篇文章我就来说说短信验证码API的应用场景
贾迎春 贾迎春
1年前
Vue.js 实现行为验证码
关于验证码的使用场景还是非常多的,很多网站上的验证码可谓是五花八门,下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
宙哈哈 宙哈哈
1年前
免费在线行为验证,保护你的账号安全
忘记繁琐的验证码吧!免费在线行为验证服务,通过滑动图片、滑动拼图和文字点选等方式,确保只有真正的人类用户能够访问。
宙哈哈 宙哈哈
1年前
防止短信轰炸,行为验证码是关键!
忘记传统的验证码输入方式吧!创新的文字点选验证码,让你通过选择正确的文字来验证你的人类身份。这种方式不仅更加便捷,还能有效防止机器人攻击。体验文字点选验证码的魅力!
宙哈哈 宙哈哈
1年前
告别验证码烦恼,轻松完成文字点选验证
文字点选验证码,作为一种创新的验证方式,正在逐渐取代传统的输入文字或数字的验证方式,为用户带来了更简单、直观的验证体验。它通过点击包含特定文字或物体的图片来完成验证,摆脱了繁琐的输入过程,让用户告别验证码的烦恼。
马尚 马尚
8个月前
破解滑动验证码
滑动验证码是一种常见的验证码形式,用于验证用户是否为人类而不是机器。破解滑动验证码是网络爬虫和自动化程序常遇到的挑战之一。在这个示例中,我们将使用深度学习框架TensorFlow来破解滑动验证码。1.下载验证码图片首先,我们需要从验证码网址下载验证码图片。
崇恩圣帝 崇恩圣帝
8个月前
使用Python识别英文数字验证码的实用指南
在网络应用中,英文数字验证码通常用于验证用户身份或防止机器人恶意行为。本文将介绍如何使用Python和一些常用的库来识别这类验证码,让你轻松应对验证码识别问题。1.下载验证码图片首先,我们需要从网络上下载验证码图片。假设验证码图片的URL为http://e
宙哈哈 宙哈哈
1年前
【记】滑动拼图验证码在搜索中的作用
验证码应用于我们生活、工作的方方面面,比如注册登录账号、支付订单、修改密码等。下面我是在一次项目中利用滑动拼图验证码和搜索功能“合作共赢”的记录。
宙哈哈 宙哈哈
1年前
安全防线加固,文字点选验证码来帮忙
前言为了确保网络安全,我们网站采用了文字点选验证码来验证用户身份。文字点选验证码是一种简单而有效的验证机制,通过要求用户点击相关图像来区分真实用户和机器人。它不仅可以防止恶意攻击,还能提供用户友好的验证体验。优势在文字点选验证码中,用户将面对一个包含多个图
贾迎春
贾迎春
Lv1
春江潮水连海平,海上明月共潮生。
文章
9
粉丝
1
获赞
3