解密效果


Posted in Javascript onJune 23, 2006

<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>

Javascript 相关文章推荐
javascript &amp;&amp;和||运算法的另类使用技巧
Nov 28 Javascript
jQuery Flash/MP3/Video多媒体插件
Jan 18 Javascript
Array.prototype 的泛型应用分析
Apr 30 Javascript
URL地址中的#符号使用说明
Feb 12 Javascript
DIV+CSS+jQ实现省市联动可扩展
Jun 22 Javascript
关于JS 预解释的相关理解
Jun 28 Javascript
jQuery Ajax使用FormData对象上传文件的方法
Sep 07 Javascript
一种angular的方法级的缓存注解(装饰器)
Mar 13 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
讲解vue-router之命名路由和命名视图
May 28 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
Jul 20 Javascript
vue 在服务器端直接修改请求的接口地址
Dec 19 Vue.js
CheckBox 如何实现全选?
Jun 23 #Javascript
JavaScript实际应用:innerHTMl和确认提示的使用
Jun 22 #Javascript
javascript 动态添加表格行
Jun 22 #Javascript
document 和 document.all 分别什么时候用
Jun 22 #Javascript
可输入的下拉框
Jun 19 #Javascript
强制设为首页代码
Jun 19 #Javascript
html下载本地
Jun 19 #Javascript
You might like
Protoss建筑一览
2020/03/14 星际争霸
乱谈我对耳机、音箱的感受
2021/03/02 无线电
十天学会php之第三天
2006/10/09 PHP
php调用mysql数据 dbclass类
2011/05/07 PHP
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
php对二维数组按指定键值key排序示例代码
2013/11/26 PHP
PHP 布尔值的自增与自减的实现方法
2018/05/03 PHP
PHP的imageTtfText()函数深入详解
2021/03/03 PHP
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
2016/06/12 Javascript
JavaScript兼容性总结之获取非行间样式案例
2016/08/07 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
2016/12/03 Javascript
js实现下拉框效果(select)
2017/03/28 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
2018/07/13 Javascript
vue项目中仿element-ui弹框效果的实例代码
2019/04/22 Javascript
vue 使用高德地图vue-amap组件过程解析
2019/09/07 Javascript
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
JS实现联想、自动补齐国家或地区名称的功能
2020/07/07 Javascript
原生js生成图片验证码
2020/10/11 Javascript
Vue 列表页带参数进详情页的操作(router-link)
2020/11/13 Javascript
解决js中的setInterval清空定时器不管用问题
2020/11/17 Javascript
Python编程实现正则删除命令功能
2017/08/30 Python
python多线程下信号处理程序示例
2019/05/31 Python
Python生态圈图像格式转换问题(推荐)
2019/12/02 Python
python 实现多维数组(array)排序
2020/02/28 Python
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
工程师求职简历的自我评价分享
2013/10/10 职场文书
会计毕业生自我鉴定
2013/11/04 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
2014年办公室个人工作总结
2014/11/12 职场文书
道路交通事故人身损害赔偿协议书
2014/11/19 职场文书
2015年营业员工作总结
2015/04/23 职场文书
在职证明范本
2015/06/15 职场文书