js驗證碼背景圖片

㈠ 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
%>
是否可以解決您的問題？