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

效果：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；字符集=GB 2312/标题密码输入框/title meta name=' generator ' content=' Microsoft front page 6.0 '/meta name=' author ' content=' Lin。x '/meta name=' keywords ' content=' '/meta name=' description ' content=' '/style type=' text/CSS '！-* { font-size :12 px；font-family : verdanacolor: # 339933} #包含{左边距：64 pxpadding:3px填充-底部：7 pxborder:1px固体# 339933;边框-top:7px实心# 339933;宽度宽度：125px高度：145 pxdisplay:none}[xmlns]#包含{左填充：5 px宽度宽度：113px}。nbox .文本text { float:leftborder:1px固体# 339933;边框-top:2px实心# 339933;} .nbox { margin:5px }。文本{ margin :5 px 4px } a { padd :4 px 8px文本装饰：无；线高：2;} :悬停{背景色： # ACE89B} .文本a { padd :5 px 4px 4px 3px }-/风格脚本类型='text/javascript '函数rand(){返回数学。地板(数学。random()* 10)；} var range num=new Array()；var temfor(var I=0；i10I){ range num。推(我)；} for(var I=0；i10I){ var a=rand()；var b=rand()；tem=范围编号[a]；range num[a]=range num[b]；范围号[b]=tem；}函数为{ I=0 }创建nums()；Iran genum . LengTii){ document。writeln(' div class=\ ' nbox ' a href=\ ' # \ ' onclick=\ ' input(' range num[I]')\ ' ' range num[I]'/a/div ')；}文档。writeln(' div class=\ ' text ' a href=\ ' # \ ' onclick=' input(-1)'退格/aa href=\ ' # \ ' onclick=\ ' clear input()\ '清除/a/div ')；}函数输入(一){ var pwd=文档。形式。pwd。价值；if(pwd。长度8 | | I=='-1 '){ if(I=='-1 '){ document。形式。pwd。值=pwd。子串(0，pwd。长度-1)；} else { document。形式。pwd。值=pwd I；} clearTimeout(计时器);timer=setTimeout('隐藏pad()；document.getElementById(“确定”).focus()'，4000) } else{clearTimeout(计时器);警报('最多输入8位！');隐藏pad()；} }函数清除输入(){文档。形式。pwd。值=' '；} var计时器函数show pad(){文档。getelementbyid(' contain ')。风格。display=' blockclear time out(timer)timer=setTimeout(' hidden pad()'，3000)}函数hidden pad(){ document。getelementbyid(' contain ')。风格。显示='无'；}函数noin put(){ var pwd=document。形式。pwd。价值；文件。形式。pwd。值=pwd。子串(0，pwd。长度-2)；}/script/head body form name=' form ' action='//www .jb51。“净”请输入密码输入类型=' password ' name=' pwd ' onclick=' show pad()' onkeydown=' return false；大小='8 '输入类型='按钮'值=' OK ' onclick='隐藏pad()' id=' OK '/form div id=' contain '脚本类型=' text/JavaScript ' create nums()；/script /div /body /html以上所述是小编给大家介绍的爪哇岛描述语言实现仿银行密码输入框效果的代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！