当前位置:首页 » 背景图片 » js验证码背景图片
扩展阅读
600像素的图片比例是多少 2025-09-23 17:34:00

js验证码背景图片

发布时间: 2022-08-23 05:40:03

㈠ JS点击图片后显示验证码 如何实现

最简单的方法你把图一的显示验证码也弄成一个图片,比如叫code.png,上面你的代码就能换成
<img src="code.png" onclick="this.src ={$maccms.path_tpl}picture/captcha.png"

㈡ 编写验证码点击“看不清,换一张”是怎么实现的,全代码是什么,需要什么控件

1、编写php验证码生成文件verification.php。

㈢ 如何用js写验证码程序

方法/步骤

  • 打开网页编辑器编写div+css代码,先把界面做好,然后再做功能,代码如下所示:

    <form name="form1">

    请输入要产生的验证码的位数:<input type="text" name="digit" id="digit">

    <br><br>

    <input type="button" value="生成" onClick="deal()">

    &nbsp<input type="button" value="刷新" onClick="qc()">

    <br><br>

    <div id="result"></div>

    </form>

㈣ JS如何实现图片验证码

<script language="JavaScript">
function reloadcode(){
var verify=document.getElementById('safecode');
verify.setAttribute('src','images/chknumber.jsp?'+Math.random());
//这里必须加入随机数不然地址相同我发重新加载
}
</script>
=========================

然后再验证码图片里面写onclick呼出上面的函数重新加载.

程序代码
<img src="images/chknumber.jsp" id="safecode" border="0" onclick="reloadcode()" style="cursor:hand;padding:2px 8px 0pt 3px;" />

㈤ 如何用 Node.js 制作验证码

node-ccap模块生成captcha验证码


varhttp=require('http');
varccap=require('ccap')();//Instantiatedccapclass
http.createServer(function(request,response){
if(request.url=='/favicon.ico')returnresponse.end('');//Interceptrequestfavicon.ico
varary=ccap.get();
vartxt=ary[0];
varbuf=ary[1];
response.end(buf);
console.log(txt);
}).listen(8124);
console.log('Serverrunningat
http://127.0.0.1:8124/'
);

上面这个例子会将验证码返回给客户端,并且把对应的验证码的文字输出出来,同时拦截了favicon.ico的请求。

结果如下图:


有兴趣的TX可以下载下来试试,如果安装有jpeg库的话,可以把根目录下的binding.jpeg.gyp覆盖改名为binding.gyp然后rebuild就可以使用jpeg图片作为验证码了,体积会小很多。另外ccap模块做了一些缓存的机制,尽量发挥更好的性能。

目前ccap已经对linux系统支持jpeg验证码,体积从45kb直降到6kb

㈥ 如何修改js数字验证码的背景颜色

<script>
function modBgColor(){
var str="0123456789abcde";
var color = '#';
for(i = 0; i < 6; i++){
color = color + str.charAt(Math.random() * 16);
}
return color;
}
</script>
这个返回的就是随机的颜色,在css的background-color中加上返回的颜色。如果背景颜色要固定的话,直接换成一个写死的值

㈦ js点击事件更换背景图片

1:div22.style.background = "red";这样可以实现div22这个元素的背景颜色为红色。而div22添加的样式是内联样式。
2:所以内联样式?你需要知道一下什么是内联样式。也就是这个元素本身的style属性中的css样式,这里的style属性中国的css样式权重值最高。
3:在内联样式中,如果想要写一个背景图片那么就需要这样写才能生效:
<div style="background-image:url('img/1.jpg');"></div>
4:所以在js中动态添加或这更改背景图片就需要这样:
div22.style.backgroundImage = "url('img/1.jpg')";
5:对以上会打有哪里不理解的请指正或者追问

㈧ javascript中验证码如何以图片形式生成

我们一般是后端语言生成随机验证码的图片流,并记录当前生成的图片数值。前台就直接用img元素显示这个图片流,等用户提交后,就判断用户填写的验证码是否跟后台记录的图片数值相同,这个操作一般不需要javascript来处理。涉及到安全方面的东西,我们一般不用javascript来实现。

㈨ 怎样用js做背景图片切换,下图那句话是什么意思,如果我要多加几张背

每两秒产生一个随机数 并且判断这个随机数是否大于0.5 如果大于0.5 将i的值复制为1 如果小于0.5 将I的值赋值为0 下面就将body的背景图设置是bgimg1还是bgimg0

㈩ 如何使用javascript制作验证码

你这太简单了吧,呵呵!
使用方法:
1. 将以下代码保存为img.asp
2. 在要显示位置插入<img src="img.asp?number=55-00">

<%
Call Com_CreatValidCode(Request.QueryString("number"))
Public Sub Com_CreatValidCode(pTel)
'----------禁止缓存
Response.Expires = 0
Response.AddHeader "Pragma","no-cache"
Response.AddHeader "cache-ctrol","no-cache"
Response.ContentType = "Image/BMP"
Randomize
Dim i, ii, iii ,rndColor,strLen,sql,rs
Const cOdds = 5 '------------杂点出现的机率
Const str="0123456789-"
strLen = len(pTel)
rndColor = ChrB(cint(rnd*255)) & ChrB(cint(rnd*255)) & ChrB(cint(rnd*255))
'-----------颜色的数据(字符,背景)
Dim vColorData(1)
'vColorData(0) = ChrB(0) & ChrB(0) & ChrB(0) '----蓝0,绿0,红0(黑色)
'vColorData(1) = ChrB(255) & ChrB(255) & ChrB(255) '----蓝250,绿236,红211(浅蓝色)
'vColorData(0) = ChrB(197) & ChrB(106) & ChrB(49) '---- 蓝0,绿0,红0(黑色)
'vColorData(1) = ChrB(238) & ChrB(210) & ChrB(193) '-----蓝250,绿236,红211(浅蓝色)
vColorData(0) = ChrB(0) & ChrB(0) & ChrB(0) '---------蓝0,绿0,红0(黑色)
vColorData(1) = ChrB(205) & ChrB(237) & ChrB(245) '------------蓝250,绿236,红211(浅蓝色)

'--------------------随机产生字符
Randomize
Dim vCode()
redim vCode(strLen-1)
For i = 0 To strLen-1
vCode(i) =instr(1,str,mid(pTel,i+1,1),1)-1
Next

'-----------字符的数据
Dim vNumberData(11)
'Verdana Font
vNumberData(0) = "1111111111"
vNumberData(1) = "1111111111"
vNumberData(2) = "0111111111"
vNumberData(3) = "1111111111"
vNumberData(4) = "0111111111"
vNumberData(5) = "1111111111"
vNumberData(6) = "1111111111"
vNumberData(7) = "1111111111"
vNumberData(8) = "1111111111"
vNumberData(9) = "0111111111"
vNumberData(10) = "1111111111"
vNumberData(11) = "1111111111"
'-----------------输出图像文件头 <br>
Response.BinaryWrite ChrB(66) & ChrB(77) &chrb(((strLen*8*10*3+54) mod 256)) & chrb(((strLen*8*10*3+54)\ 256)mod 256) & ChrB((((strLen*8*10*3+54)\ 256)\256)mod 256) & ChrB(((((strLen*8*10*3+54)\ 256)\256)\256)mod 256) & ChrB(0) & ChrB(0) &_
ChrB(0) & ChrB(0) & ChrB(54) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(40) & ChrB(0) &_
ChrB(0) & ChrB(0) & ChrB(strLen*8) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(10) & ChrB(0) &_
ChrB(0) & ChrB(0) & ChrB(1) & ChrB(0)
'------------------输出图像信息头
Response.BinaryWrite ChrB(24) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0)&_
ChrB((strLen*8*10*3)mod 256)&ChrB(((strLen*8*10*3)\256)mod 256)&ChrB((((strLen*8*10*3)\256)\256)mod 256)&ChrB(((((strLen*8*10*3)\256)\256)\256)mod 256)&_
ChrB(196) & ChrB(14) & ChrB(0) & ChrB(0) & ChrB(196) & ChrB(14)&ChrB(0) & ChrB(0) &_
ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0)
For i = 9 To 0 Step -1 '----------历经所有行
For ii = 0 To strLen-1 '-------历经所有字
For iii = 1 To 8 '--------历经所有像素
'---------逐行、逐字、逐像素地输出图像数据
If Rnd * 99 + 1 < cOdds Then '---------随机生成杂点
Response.BinaryWrite rndColor
Else
Response.BinaryWrite vColorData(Mid(vNumberData(vCode(ii)), i * 8 + iii, 1))
End If
Next
Next
Next
End Sub
%>
是否可以解决您的问题?