zoukankan      html  css  js  c++  java
  • 【原】jQuery与CSS自动生成验证码

    模板:

    <button class="r receive_code">获取验证码</button>
    <span class="r code"></span>

    脚本:

    // 生成六位数字验证码
        $(".code").html(null);
        function createCode() {
            var code = "";
            var length = 6;
            var i;
            var str = "";
            var content;
            var codeSpan = $(".code");
            var arrColor = ["blue", "red", "green", "brown", "gray", "pink", "red", "green", "brown", "blue"];
            codeSpan.html(null);
            for (i = 0; i < length; i++) {
                index = Math.floor(Math.random() * 6);
                code = Math.floor(Math.random() * 10);
                str += code;
                color = arrColor[index];
                content = $("<i></i>").html(code);
                content.appendTo(codeSpan);
                $(".code i").eq(index).css({"color": color});
            }
            codeSpan.attr("data-val", str);
        }
    
        $(".receive_code").click(createCode);
  • 相关阅读:
    分治策略
    uva 11424
    lightoj 1214
    lightoj 1282 && uva 11029
    lightoj 1341
    zoj 2369 Two Cylinders
    几种素数筛法
    lightoj 1245
    hdoj 1299 Diophantus of Alexandria
    求前n项正整数的倒数和
  • 原文地址:https://www.cnblogs.com/coder-dumeng/p/5142727.html
Copyright © 2011-2022 走看看