解密效果


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 相关文章推荐
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
Mar 11 Javascript
js编写trim()函数及正则表达式的运用
Oct 24 Javascript
动态加载dtree.js树treeview(示例代码)
Dec 17 Javascript
ParseInt函数参数设置介绍
Jan 02 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
Mar 10 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
Sep 04 Javascript
es7学习教程之Decorators(修饰器)详解
Jul 21 Javascript
详解node.js中的npm和webpack配置方法
Jan 21 Javascript
layui table设置前台过滤转义等方法
Aug 17 Javascript
node事件循环和process模块实例分析
Feb 14 Javascript
Vue中使用JsonView来展示Json树的实例代码
Nov 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面向对象全攻略 (九)访问类型
2009/09/30 PHP
Yii的CDbCriteria查询条件用法实例
2014/12/04 PHP
JQuery Tab选项卡效果代码改进版
2010/04/01 Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
2012/06/14 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
jQuery+AJAX实现无刷新下拉加载更多
2015/07/03 Javascript
JavaScript中获取Radio被选中的值
2015/11/11 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
省市选择的简单实现(基于zepto.js)
2016/06/21 Javascript
第十篇BootStrap轮播插件使用详解
2016/06/21 Javascript
Vue.js每天必学之Class与样式绑定
2016/09/05 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
angularjs 页面自适应高度的方法
2018/01/17 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
2018/08/24 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
2018/12/04 jQuery
vue-cli3 配置开发与测试环境详解
2019/05/17 Javascript
[02:49]DAC2018决赛日TOP5 LGD开启黑暗之门绝杀VP
2018/04/08 DOTA
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
对django的User模型和四种扩展/重写方法小结
2019/08/17 Python
简单了解Python3 bytes和str类型的区别和联系
2019/12/19 Python
如何使用Python破解ZIP或RAR压缩文件密码
2020/01/09 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
六道php面试题附答案
2014/06/05 面试题
千元咖啡店的创业计划书范文
2013/12/29 职场文书
幼儿园教学管理制度
2014/02/04 职场文书
心理健康活动总结
2014/04/30 职场文书
微笑服务标语
2014/06/24 职场文书
2014年生产部工作总结
2014/12/17 职场文书
就业推荐表导师评语
2014/12/31 职场文书
革命电影观后感
2015/06/18 职场文书
交通安全温馨提示语
2015/07/14 职场文书
MySQL 如何设计统计数据表
2021/06/15 MySQL
MySQL配置主从服务器(一主多从)
2021/08/07 MySQL