解密效果


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魔力之$(&quot;tagName&quot;)与selector
Mar 05 Javascript
Js如何判断客户端是PC还是手持设备简单分析
Nov 22 Javascript
express的中间件basicAuth详解
Dec 04 Javascript
js点击文本框后才加载验证码实例代码
Oct 20 Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 Javascript
JavaScript实战之菜单特效
Aug 16 Javascript
移动端滑动插件Swipe教程
Oct 16 Javascript
工厂模式在JS中的实践
Jan 18 Javascript
javascript填充默认头像方法
Feb 22 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
Vue单页应用引用单独的样式文件的两种方式
Mar 30 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 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
php的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
2014/10/15 PHP
php is_writable判断文件是否可写实例代码
2016/10/13 PHP
Javascript 陷阱 window全局对象
2008/11/26 Javascript
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
2013/06/19 Javascript
jQuery及JS实现循环中暂停的方法
2015/02/02 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
js HTML5手机刮刮乐代码
2020/09/29 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
2016/12/18 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
2017/03/01 Javascript
jquery.validate.js 多个相同name的处理方式
2017/07/10 jQuery
JS实现快递单打印功能【推荐】
2018/06/21 Javascript
VueCli3构建TS项目的方法步骤
2018/11/07 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
2019/04/10 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
vue实现树形结构样式和功能的实例代码
2019/10/15 Javascript
Python中IPYTHON入门实例
2015/05/11 Python
Python内建数据结构详解
2016/02/03 Python
Python continue继续循环用法总结
2018/06/10 Python
python实现字符串中字符分类及个数统计
2018/09/28 Python
pytorch sampler对数据进行采样的实现
2019/12/31 Python
使用Html5 Stream开发实时监控系统
2020/06/02 HTML / CSS
Amara美国站:英国高端家居礼品网站,世界各地的奢侈家具品牌
2017/07/26 全球购物
英国快时尚女装购物网站:PrettyLittleThing
2018/08/15 全球购物
EQVVS官网:设计师男装和女装
2018/10/24 全球购物
怎样创建、运行java程序
2014/08/01 面试题
党员学习十八大感想
2014/01/17 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
2014年反洗钱工作总结
2014/11/22 职场文书
2014年会计主管工作总结
2014/12/20 职场文书
运动会开幕词
2015/01/28 职场文书
新郎结婚保证书
2015/02/26 职场文书
党委工作总结2015
2015/04/27 职场文书
六一儿童节园长致辞
2015/07/31 职场文书
python中pycryto实现数据加密
2022/04/29 Python