JS实现文字链接感应鼠标的解密效果

浏览数：32 / 时间：2015年06月09日

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML><HEAD><TITLE>JS实现文字链接感应鼠标的解密效果丨石家庄展柜制作|石家庄铜门</TITLE>
    <META content="text/html; charset=gb2312" http-equiv=Content-Type>
    <STYLE>.box {
    BORDER-BOTTOM: #d1d1a4 1px solid; BORDER-LEFT: #d1d1a4 1px solid; BORDER-RIGHT: #d1d1a4 1px solid; BORDER-TOP: #d1d1a4 1px solid; COLOR: red; FONT-SIZE: 20px
    }
    </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>
    <META content="MSHTML 5.00.2920.0" name=GENERATOR></HEAD>
    <BODY>
    <CENTER><BR><BR><A
    href="#" onmouseout=textboxout(); onmouseover="textboxin(‘欢迎光临 ?‘);return true;">鼠标移到此处查看预览效果~~</A><BR><BR><INPUT class=box name=text size=80><BR>
    <BR><P><FONT color=#0099cc face=楷体 size=3>鼠标移到超链接上，对链接的说明内容像解密一样,由一连串的数字慢慢转变为字符.</FONT> </CENTER>
    <P></P></BODY></HTML>
    <br><br><hr>