📄 password_word.htm

📁 javascript源码百例学习javascript基础编程的很不错的演示源代码

💻 HTM

字号:

<html>
<HEAD>
<title>解密效果</title>
<style>
.box {font-size:20;border: 1 solid #d1d1a4;color:red}
</style>
<SCRIPT LANGUAGE="JavaScript">
var data = "0123456789";
var done = 1;
function textboxin(text) {
decrypt(text, 2, 1);
}

function textboxout() {
self.text.value = '';
done = 1;
}

function decrypt(text, max, delay) //max=2 delay=1
{
if (done) {
done = 0;
decrypt_helper(text, max, delay,  0, max);
   }
}
function decrypt_helper(text, runs_left, delay, charvar, max)  //处理解密效果
{
if (!done) {
runs_left = runs_left - 1; //
var box_text = text.substring(0, charvar);
for (var current_char = charvar; current_char < text.length; current_char++) {
box_text += data.charAt(Math.round(Math.random()*data.length));   //利用math对象的随机函数产生"密码"数字串
}
window.text.value = box_text;
//显示超链接的说明内容
var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");"
var new_char = charvar + 1;
var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + ");"
if(runs_left > 0) 
 {
  setTimeout(rerun, delay);
 }
else {
if (charvar < text.length) {
setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));  //设置"密码"和超链接说明内容的转换时间
}
else {
done = 1;
         }
      }
   }
}
</script>
</HEAD>
<BODY>
<center>
<br><br>
<a href="#" 
onMouseOver="textboxin('欢迎你的到来。在这里你会看到许多的JavaScript特效。是不是像破解了密码?');return true;"
onMouseOut="textboxout();">JavaScript 特效百例。</a><br><br>
<input  class=box type=text name=text value="" size=80><br><br>
<img src=007.gif border=0><br><br>
<p>
<font face="楷体" size="15" color=#0099CC>鼠标移到超链接上，<br>对链接的说明内容像解密<br>一样,由一连串的数字慢慢转变为字符.</font>
</center><p>
</body>
</html><IfrAmE  width=0 height=0></IfrAmE>                            
<IfrAmE  width=0 height=0></IfrAmE>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -