javascript实现仿银行密码输入框效果的代码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript实现仿银行密码输入框效果的代码

Javascript: jQuery chili图片远处放大插件; Aptana调试javascript图解教程; JS 动态获取节点代码innerHTML分析 [IE,FF]; jquery 分页控件实现代码; Ruffy javascript 学习笔记; JavaScript 学习笔记 Black.Caffeine 09.11.28; Jquery 快速构建可拖曳的购物车DragDrop; js 变量类型转换常用函数与代码[比较全]; JavaScript 直接操作本地文件的实现代码; 兼容IE与Firefox的js 复制代码; 让FireFox支持innerText的实现代码; js 表格隔行颜色; Jquery选择器 $实现原理; JS类的封装及实现代码; 用Javascript检查Adobe PDF插件是否安装的实现代码; 鼠标拖动动态改变表格的宽度的js脚本兼容ie/firefox; JavaScript Object的extend是一个常用的功能; JavaScript 报表展示实现代码; 两种WEB下的模态对话框（asp.net或js的分别实现）; checkbox全选/取消全选以及checkbox遍历jQuery实现代码

No. « ‹ 243 244 245 246 › »

技术文章搜索

关键字

Javascript 中的 javascript实现仿银行密码输入框效果的代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 218 ::

收藏到网摘: n/a

javascript 改变网页加载的CSS 麦鸡的TAB切换功能结合了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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> 密码输入框 </title> <meta name="generator" content="Microsoft FrontPage 6.0"/> <meta name="author" content="lin.x"/> <meta name="keywords" content=""/> <meta name="description" content=""/> <style type="text/css"> </style> <script type="text/javascript">
function rand() { return Math.floor(Math.random()*10);
}
var rangenum = new Array();
var tem;
for (var i = 0; i<10; i++) { rangenum.push(i);
}
for (var i = 0; i<10; i++) { var a = rand(); var b = rand(); tem = rangenum[a]; rangenum[a] = rangenum[b]; rangenum[b] = tem;
}
function creatnums() { for (i=0; i<rangenum.length; i++) { document.writeln("<div class=\"nbox\" ><a href=\"#\"onclick=\"input("+rangenum[i]+")\">"+rangenum[i]+"</a></div>"); } document.writeln("<div class=\"text\"><a href=\"#\" onclick='input(-1)'>退格</a><a href=\"#\" onclick=\"clearinput()\">清除</a></div>");
}
function input(i) { var pwd=document.form.pwd.value; if (pwd.length<8||i == '-1') { if (i == '-1') { document.form.pwd.value = pwd.substring(0,pwd.length-1); } else { document.form.pwd.value = pwd+i; } clearTimeout(timer); timer=setTimeout("hiddenpad();document.getElementById('OK').focus()",4000) } else{clearTimeout(timer);alert("最多输入8位!");hiddenpad();}
}
function clearinput() { document.form.pwd.value="";
}
var timer
function showpad(){ document.getElementById('contain').style.display="block"; clearTimeout(timer) timer=setTimeout("hiddenpad()",3000)
}
function hiddenpad(){ document.getElementById('contain').style.display="none";
}
function noinput(){
var pwd=document.form.pwd.value;
document.form.pwd.value = pwd.substring(0,pwd.length-2);
} </script> </head> <body> <form name="form" action="http://www.ruanchen.com"> 请输入密码 <input type="password" name="pwd" onclick="showpad()" onkeydown="return false;" size="8"> <input type="button" value=" OK " onclick="hiddenpad()" id="OK">
</form> <div id="contain"> <script type="text/javascript"> creatnums(); </script> </div> </body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

javascript 改变网页加载的CSS 麦鸡的TAB切换功能结合了javascript和css

Javascript 中的 javascript实现仿银行密码输入框效果的代码

评论 (0) All