<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="divCode" style="background-color:White; width:52px; height:16px; padding:5px; text-align:center; vertical-align:middle; letter-spacing:5px; border:solid 1px blue">
<span></span><span ></span><span ></span><span ></span></div>
</div><input id="Button1" type="button" value="换一张" onclick="JavaScript:validteCode()"/>
</form>
</body>
</html>
<script language="JavaScript" type="text/JavaScript">
function validteCode()
{
var codes = new Array(4); //用于存储随机验证码
var colors = new Array("Red","Green","Gray","Blue","Maroon","Aqua","Fuchsia","Lime","Olive","Silver");
for(var i=0;i < codes.length;i++)
{//获取随机验证码
codes[i] = Math.floor(Math.random()*10);
}
var spans = document.getElementById("divCode").all;
for(var i=0;i<spans.length;i++)
{
spans[i].innerHTML=codes[i];
spans[i].style.color = colors[Math.floor(Math.random()*10)]; //随机设置验证码颜色
}
}
document.onload = validteCode();
</script>
分享到:
相关推荐
整个html打开可以看到效果,不包含验证码背景图片,自己找一个命名为code.jpg就有背景了,js验证码比jsp...这个程序既可以直接验证,也可以点击验证码刷新一个新的验证码(当原来的验证码看不清楚的时候),再验证
JS验证码JS验证码,html实现,JS验证码JS验证码,html实现
js验证码插件,简单易用,图片验证码,前端网站开发可用,附demo
验证码效果
js 验证码.rarjs 验证码.rarjs 验证码.rarjs 验证码.rar
js html5图片验证码输入验证效果代码
JS脚本实现验证码!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!...
通过js 生成 和 验证 验证码, 可直接用于html代码中
纯javascript+html5验证码,不需服务器,直接运行 经测试通过IE/FF/Chrom/Opera/Safrari
用JavaScript 刷新验证码
js 验证码-简单好用,非常容易看懂。压缩包中只有一个html文件,简单的几句js就报验证码搞定了
JavaScript验证码的简单实现,有简单的随机数字,也有较复杂的图形验证码, 这种图形验证码很高效简洁,使用爬虫是有较大难度的爬取网站信息的。 而且这种图形验证码的应用场景非常广,可用在登录注册等等需要上传...
js验证码生成
纯前端js验证码,简单验证,为验证码提供快速适配方案
纯javascript验证码 ,自动生成验证码
简约大气javascript验证码demo,详细案例,可以直接拿来用
用javascript实现页面验证码,这是一个很好的例子
<script language="javascript" type="text/javascript"> var code ; //在全局 定义验证码 function createCode(){ code = new Array(); var codeLength = 4;//验证码的长度 var checkCode = document....
js 验证码
JavaScript实现页面动态验证码