脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript →

解密效果

 更新时间：2006年06月23日 00:00:00   作者：  
<HTML><HEAD><TITLE>解密效果</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="http://fishcat.blog.com.cn/cmd.shtml?do=blogs&id=58828&uid=39174" 
onmouseout=textboxout(); 
onmouseover="textboxin('http://fishcat.blog.com.cn 在这里你会看到许多的JavaScript特效。是不是像破解了密码?');return true;">JavaScript 
特效百例。</A><BR><BR><INPUT class=box name=text size=80><BR><BR>
<BR>
<BR>
<P><FONT color=#0099cc face=楷体 
size=15>鼠标移到超链接上，<BR>对链接的说明内容像解密<BR>一样,由一连串的数字慢慢转变为字符.</FONT> </CENTER>
<P></P></BODY></HTML>

相关文章

  • 微信小程序 http请求封装详解及实例代码

    微信小程序 http请求封装详解及实例代码

    这篇文章主要介绍了微信小程序 http请求封装详解及实例代码的相关资料,需要的朋友可以参考下
    2017-02-02
  • package.json依赖环境相关属性详解

    package.json依赖环境相关属性详解

    这篇文章主要为大家介绍了package.json依赖环境相关属性详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-09-09
  • ajax与302响应代码测试

    ajax与302响应代码测试

    服务器端的响应是302 Found，在ajax的回调函数中能够获取这个状态码吗？能够从Response Headers中得到Location的值进行重定向吗？让我们来一起动手写写代码看看实际情况吧。
    2013-10-10
  • js前端实现word excel pdf ppt mp4图片文本等文件预览

    js前端实现word excel pdf ppt mp4图片文本等文件预览

    这篇文章主要为大家介绍了js前端实现word excel pdf ppt mp4图片文本等文件预览示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-07-07
  • JS分层架构低代码跨iframe拖拽示例详解

    JS分层架构低代码跨iframe拖拽示例详解

    这篇文章主要为大家介绍了JS分层架构低代码跨iframe拖拽示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-02-02
  • TS 类型收窄教程示例详解

    TS 类型收窄教程示例详解

    这篇文章主要为大家介绍了TS 类型收窄教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-09-09
  • 前端JS实现太极图案图文示例

    前端JS实现太极图案图文示例

    这篇文章主要为大家介绍了前端JS实现太极图案图文示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-09-09
  • 徒手实现关于JavaScript的24+数组方法

    徒手实现关于JavaScript的24+数组方法

    数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？接下来小编就带大家进入主题，希望能帮助到你
    2021-09-09
  • 微信小程序 刷新上拉下拉不会断详细介绍

    微信小程序 刷新上拉下拉不会断详细介绍

    这篇文章主要介绍了微信小程序 上拉下拉不会断详细介绍的相关资料,需要的朋友可以参考下
    2017-05-05
  • 微信小程序中form 表单提交和取值实例详解

    微信小程序中form 表单提交和取值实例详解

    这篇文章主要介绍了微信小程序中form 表单提交和取值实例详解的相关资料,需要的朋友可以参考下
    2017-04-04

最新评论