行为验证码小图标修改

贾迎春
• 阅读 169

前言

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

01 滑动小箭头图标

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

行为验证码小图标修改

设置效果如下:

行为验证码小图标修改

02 错误小图标

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

行为验证码小图标修改

设置效果如下:

行为验证码小图标修改

03 正确小图标

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

行为验证码小图标修改

设置效果如下:

行为验证码小图标修改

04 拖动小箭头图标

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

行为验证码小图标修改

设置效果如下:

行为验证码小图标修改

05 提示小图标

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

行为验证码小图标修改

设置效果如下:

行为验证码小图标修改

相关链接

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

点赞
收藏
评论区
推荐文章
宙哈哈 宙哈哈
11个月前
Vue.js 滑动拼图验证码实现笔记
关于验证码的使用场景还是非常多的,很多网站上的验证码可谓是五花八门,下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
不是海碗 不是海碗
1年前
验证码短信API的应用场景有哪些你知道嘛?
短信验证码已经影响到了我们生活方方面面,成为了不可或缺的一部分。同时,短信验证码也是用户体验中的一个重要指标,如果手机经常出现接收验证码很慢甚至是没有接收到验证码的情况,这就会严重影响到网站或者APP的用户体验,从而导致大量用户的流失。短信验证码如此重要,那个短信验证码API也是必不可少的,这篇文章我就来说说短信验证码API的应用场景
贾迎春 贾迎春
9个月前
Vue.js 实现行为验证码
关于验证码的使用场景还是非常多的,很多网站上的验证码可谓是五花八门,下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
宙哈哈 宙哈哈
6个月前
安全防线加固,文字点选验证码来帮忙
前言为了确保网络安全,我们网站采用了文字点选验证码来验证用户身份。文字点选验证码是一种简单而有效的验证机制,通过要求用户点击相关图像来区分真实用户和机器人。它不仅可以防止恶意攻击,还能提供用户友好的验证体验。优势在文字点选验证码中,用户将面对一个包含多个图
宙哈哈 宙哈哈
6个月前
免费在线行为验证,保护你的账号安全
忘记繁琐的验证码吧!免费在线行为验证服务,通过滑动图片、滑动拼图和文字点选等方式,确保只有真正的人类用户能够访问。
宙哈哈 宙哈哈
6个月前
防止短信轰炸,行为验证码是关键!
忘记传统的验证码输入方式吧!创新的文字点选验证码,让你通过选择正确的文字来验证你的人类身份。这种方式不仅更加便捷,还能有效防止机器人攻击。体验文字点选验证码的魅力!
宙哈哈 宙哈哈
5个月前
告别验证码烦恼,轻松完成文字点选验证
文字点选验证码,作为一种创新的验证方式,正在逐渐取代传统的输入文字或数字的验证方式,为用户带来了更简单、直观的验证体验。它通过点击包含特定文字或物体的图片来完成验证,摆脱了繁琐的输入过程,让用户告别验证码的烦恼。
宙哈哈 宙哈哈
5个月前
保证数据安全,从行为验证码开始!
背景保证数据安全是当今互联网时代的重要任务。为了应对日益复杂的网络攻击,行为验证码应运而生。行为验证码通过分析用户在网站上的行为模式,识别正常用户并阻止恶意活动。它不仅提供了更强大的身份确认方式,还能有效减少伪造身份和破解账户的风险。从行为验证码开始,我们
宙哈哈 宙哈哈
11个月前
【记】滑动拼图验证码在搜索中的作用
验证码应用于我们生活、工作的方方面面,比如注册登录账号、支付订单、修改密码等。下面我是在一次项目中利用滑动拼图验证码和搜索功能“合作共赢”的记录。
宙哈哈 宙哈哈
11个月前
KgCaptcha验证码实现笔记
闲来无聊,在网上发现了一个验证码产品KgCaptcha,下面是我用KgCaptcha开发验证码的记录。
贾迎春
贾迎春
Lv1
春江潮水连海平,海上明月共潮生。
文章
9
粉丝
1
获赞
3