当前位置:Gxlcms > JavaScript > js实现简单的验证码_javascript技巧

js实现简单的验证码_javascript技巧

时间:2021-07-01 10:21:17 帮助过:3人阅读

验证码大家应该不陌生,主要是为了网站的安全性,防止恶意注册和登陆。验证码实现的方式各有不同,下面是一段用javascript实现的验证码效果,供大家参考之用,希望能够给大家带来帮助。

运行效果图:

代码如下:

  1. <title>js验证码</title>
  2. <style type="text/css">
  3. .code
  4. {
  5. background:url(code_bg.jpg);
  6. font-family:Arial;
  7. font-style:italic;
  8. color:blue;
  9. font-size:30px;
  10. border:0;
  11. padding:2px 3px;
  12. letter-spacing:3px;
  13. font-weight:bolder;
  14. float:left;
  15. cursor:pointer;
  16. width:150px;
  17. height:60px;
  18. line-height:60px;
  19. text-align:center;
  20. vertical-align:middle;
  21. }
  22. a
  23. {
  24. text-decoration:none;
  25. font-size:12px;
  26. color:#288bc4;
  27. }
  28. a:hover
  29. {
  30. text-decoration:underline;
  31. }
  32. </style>

希望本文所述对大家学习javascript程序设计有所帮助。

人气教程排行