JavaScript操作CSS样式实现简单的验证码的功能

来源：互联网发布：如何学编程编辑：程序博客网时间：2024/06/17 13:14

JavaScript操作CSS样式实现简单的验证码的功能：

注意：这里只是样式与验证码相似，但真正的验证码是用图片做的；

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">    <head>    <script type="text/javascript">//产生4位的验证码function createCode(){var datas = ['A','B','C','1','2','3','5','6','杨','张','任'];var code = "";for(var i=0 ; i < 4 ; i++){var index = Math.floor(Math.random()*datas.length);code += datas[index];}var spanNode = document.getElementById("code");spanNode.innerHTML = code;spanNode.style.fontSize="24px";spanNode.style.color="red";spanNode.style.backgroundColor="gray";spanNode.style.textDecoration="line-through";}function ready(){createCode();}</script>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        <title>JavaScript操作CSS样式</title>    </head>        <body onload="ready()">    <span id="code"></span><a href="#" onclick="createCode()">看不清，换一个</a>    </body></html>

0 0