解密效果


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 相关文章推荐
如何用ajax来创建一个XMLHttpRequest对象
Dec 10 Javascript
JavaScript起点(严格模式深度了解)
Jan 28 Javascript
ExtJS实现文件下载的方法实例
Nov 09 Javascript
node.js中的fs.utimes方法使用说明
Dec 15 Javascript
轻松实现jquery手风琴效果
Jan 14 Javascript
Bootstrap3学习笔记(二)之排版
May 20 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
Jun 08 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
Jun 24 Javascript
inner join 内联与left join 左联的实例代码
Sep 18 Javascript
js判断输入框不能为空格或null值的实现方法
Mar 02 Javascript
Vue渲染过程浅析
Mar 14 Javascript
vue element和nuxt的使用技巧分享
Jan 14 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
自己前几天写的无限分类类
2007/02/14 PHP
PHP中的替代语法介绍
2015/01/09 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
jquery二级导航内容均分的原理及实现
2013/08/13 Javascript
禁用页面部分JavaScript不是全部而是部分
2014/09/03 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
详解JavaScript中Date.UTC()方法的使用
2015/06/12 Javascript
jQuery实现带滑动条的菜单效果代码
2015/08/26 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
JavaScript自定义文本框光标
2017/03/05 Javascript
Bootstrap Table使用整理(五)之分页组合查询
2017/06/09 Javascript
AngularJs 延时器、计时器实例代码
2017/09/16 Javascript
vue中的自定义分页插件组件的示例
2018/08/18 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
Nodejs实现的操作MongoDB数据库功能完整示例
2019/02/02 NodeJs
在Vue中使用this.$store或者是$route一直报错的解决
2019/11/08 Javascript
vue如何使用async、await实现同步请求
2019/12/09 Javascript
[01:01:23]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第一场 11.26
2020/11/30 DOTA
python使用append合并两个数组的方法
2015/04/28 Python
python执行子进程实现进程间通信的方法
2015/06/02 Python
python matlibplot绘制3D图形
2018/07/02 Python
Python Json数据文件操作原理解析
2020/05/09 Python
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
澳大利亚运动鞋零售商:The Athlete’s Foot
2018/11/04 全球购物
Hotels.com拉丁美洲:从豪华酒店到经济型酒店的预定优惠和折扣
2019/12/09 全球购物
优秀毕业生推荐信范文
2014/03/07 职场文书
带病坚持工作事迹
2014/05/03 职场文书
政治表现评语
2014/05/04 职场文书
社区服务活动总结
2014/05/07 职场文书
公司员工安全协议书
2014/11/21 职场文书
跟班学习心得体会(共6篇)
2016/01/23 职场文书
励志语录:时光飞逝,请学会珍惜所有的人和事
2020/01/16 职场文书
Jupyter Notebook内使用argparse报错的解决方案
2021/06/03 Python
Python面向对象之成员相关知识总结
2021/06/24 Python