验证码的花式玩法

滑动验证码的常见样式有很多种，下面我就使用来就给大家举例说说！

这种样式最常见，也是默认样式，直接在页面上展现。

// 引入js
<script src="https://cdn.kgcaptcha.com/captcha.js?appid=XXX"></script>

<script>
kg.captcha({
    // 绑定元素，验证框显示区域
    bind: "#captchaBox",

    // 验证成功事务处理
    success: function(e) {
        console.log(e); 
    },

    // 验证失败事务处理
    failure: function(e) {
        console.log(e); 
    },

    // 点击刷新按钮时触发
    refresh: function(e) {
        console.log(e);
    }
});
</script> 

这种样式占用面积较小，通过hover悬浮在指定元素上展现。

// 引入js
<script src="https://cdn.kgcaptcha.com/captcha.js?appid=XXX"></script>

<script>
kg.captcha({
    // 绑定显示区域
    bind: "#captchaBox",

    // 向上或向下浮出，top|down
    float: "top",

    // 验证成功事务处理
    success: function (e) {
        console.log(e);
    },

    // 验证失败事务处理
    failure: function (e) {
        console.log(e);
    },

    // 点击刷新按钮时触发
    refresh: function (e) {
        console.log(e);
    }
});
</script>

<div id="captchaBox"></div>

这种样式验证码默认不可见，通过点击或调用指定的方法后将以浮层的形式展现。

在线体验：
https://www.kgcaptcha.com/demo/

php介绍

PHP即“超文本预处理器”，是一种通用开源脚本语言。PHP是在服务器端执行的脚本语言，与C语言类似，是常用的网站编程语言。PHP独特的语法混合了C、Java、Perl以及 PHP 自创的语法。利于学习，使用广泛，主要适用于Web开发领域。

更多关于php的阅读

Tags 标签

扩展阅读

加个好友，技术交流