现在的位置: 首页学习笔记>正文
PHP实战项目验证码完结.
发表于6年前 学习笔记 暂无评论

上次把验证码的效果做出来了,但是验证码没有出来.

位置还没有调好,代码也没分离开,这都不算事,

今天把这些效果都做出来.

恩 首先输出验证码。

PHP验证码

 

  1. //输出验证码.   
  2.   //strlen($_SESSION['code'这个是前面我保存的一个验证码的随机数.   
  3.   //imagestring写入图片   
  4.   //$i*$_width为了位置的调正.   
  5.   //$_width/$rnd_code+mt_rand(1,10)因为宽度要除四,为了美观,然后随机在加上一点宽度,   
  6.   //高度的话为了溢出就处以一个2,然后还是随机.   
  7.   //颜色的话这里是为黑色.   
  8.      
  9.   for ($i=0;$i<strlen($_SESSION['code']);$i++)   
  10.   {   
  11.     $_black1=imagecolorallocate($_img,7,7,7);   
  12.   imagestring($_img,5,$i*$_width/$_rnd_code+mt_rand(1,10),mt_rand(1,$_height/2),$_SESSION['code'][$i],$_black1);   
  13.   }   
  14.      
  15.   然后我们来做点击刷新的功能.   
  16.   这里用到了JS.   
  17.   在注册页面做个ID<img src="code.php" id="code"/>   
  18.   然后去FACE的头像JS一起写这个代码。   
  19.   首先还是调整一下式样.   
  20.   在注册的CSS表最下方加入这样的代码.   
  21. #register dl dd img#code{   
  22.     cursor:pointer;   
  23.     position:relative;   
  24.     top:8px;   
  25.     left:5px;   
  26. }   
  27. 页面就好看多了.   
  28. 然后在进行,做点击刷新的那个效果.   
  29. 然后在FACE.JS改成如下代码   
  30. //等网页加载完毕再执行.constructor   
  31. window.onload=function(){   
  32.     var faceimg=document.getElementById('faceimg');   
  33.     var codejb=document.getElementById('code');   
  34.      faceimg.onclick=function(){   
  35.         window.open('face.php','face','width=400,height=400,top=0,left=0,scrollbars=1');   
  36.     }   
  37.     codejb.onclick=function(){   
  38.         this.src='code.php?tm='+Math.random();   
  39.     }   
  40. };   
  41. 然后点击刷新的效果就做出来了.   

效果如下:

PHP验证码

×
腾讯微博