解密效果


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 相关文章推荐
JQuery给元素添加/删除节点比如select
Apr 02 Javascript
关于jQuery object and DOM element
Apr 15 Javascript
js自动下载文件到本地的实现代码
Apr 28 Javascript
jcrop基本参数一览
Jul 16 Javascript
jQuery中queue()方法用法实例
Dec 29 Javascript
jQuery对象初始化的传参方式
Feb 26 Javascript
JS实用的动画弹出层效果实例
May 05 Javascript
每天一篇javascript学习小结(RegExp对象)
Nov 17 Javascript
vue中动态设置meta标签和title标签的方法
Jul 11 Javascript
Vue axios设置访问基础路径方法
Sep 19 Javascript
jQuery实现消息弹出框效果
Dec 10 jQuery
JS pushlet XMLAdapter适配器用法案例解析
Oct 16 Javascript
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
十天学会php(1)
2006/10/09 PHP
php&amp;java(一)
2006/10/09 PHP
php 静态变量的初始化
2009/11/15 PHP
php检测用户是否用手机(Mobile)访问网站的类
2014/01/09 PHP
PHP正则提取不包含指定网址的图片地址的例子
2014/04/21 PHP
PHP微信支付实例解析
2016/07/22 PHP
利用XMLHTTP传递参数在另一页面执行并刷新本页
2006/10/26 Javascript
Prototype中dom对象方法汇总
2008/09/17 Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
jquery如何判断表格同一列不同行input数据是否重复
2014/05/14 Javascript
JavaScript中匿名函数用法实例
2015/03/23 Javascript
浅析Node.js实现HTTP文件下载
2016/08/05 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
mockjs+vue页面直接展示数据的方法
2018/12/19 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
小程序自定义导航栏兼容适配所有机型(附完整案例)
2020/04/26 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
python网络编程之文件下载实例分析
2015/05/20 Python
python爬虫入门教程--利用requests构建知乎API(三)
2017/05/25 Python
详解python使用turtle库来画一朵花
2019/03/21 Python
如何使用Python进行OCR识别图片中的文字
2019/04/01 Python
python 进程 进程池 进程间通信实现解析
2019/08/23 Python
Python调用接口合并Excel表代码实例
2020/03/31 Python
python 多线程共享全局变量的优劣
2020/09/24 Python
中东地区为妈妈们提供一切的头号购物目的地:Sprii
2018/05/06 全球购物
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
环境科学专业研究生求职信
2013/10/02 职场文书
高级护理专业毕业生推荐信
2013/12/25 职场文书
精通CAD能手自荐书
2014/01/31 职场文书
教学实验楼管理制度
2014/02/01 职场文书
人民教师的自我评价分享
2014/02/21 职场文书
2014超市收银员工作总结
2014/11/13 职场文书
英语导游欢迎词
2015/09/30 职场文书
承诺书怎么写 ?
2019/04/16 职场文书