解密效果


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插件之定时查询待处理任务数量
May 01 Javascript
jQuery中:empty选择器用法实例
Dec 30 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
Oct 29 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 Javascript
模仿password输入框的实现代码
Jun 07 Javascript
JS弹性运动实现方法分析
Dec 15 Javascript
Vue中计算属性computed的示例解读
Jul 26 Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
May 28 Javascript
使用Node.js写一个代码生成器的方法步骤
May 10 Javascript
在Vue中使用Echarts实例图的方法实例
Oct 10 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 29 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
删除无限分类并同时删除它下面的所有子分类的方法
2010/08/08 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
PHP实现扎金花游戏之大小比赛的方法
2015/03/10 PHP
如何在标题栏显示框架内页面的标题
2007/02/03 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
JavaScript阻止浏览器返回按钮的方法
2015/03/18 Javascript
JavaScript实现身份证验证代码
2016/02/17 Javascript
基于javascript实现图片滑动效果
2016/05/07 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
2017/01/18 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
理解javascript async的用法
2017/08/22 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
2018/12/06 jQuery
微信小程序实现滚动Tab选项卡
2020/11/16 Javascript
Python实现计算文件夹下.h和.cpp文件的总行数
2015/04/23 Python
python如何为创建大量实例节省内存
2018/03/20 Python
Python3.5 Pandas模块之DataFrame用法实例分析
2019/04/23 Python
python 实现返回一个列表中出现次数最多的元素方法
2019/06/11 Python
python多任务之协程的使用详解
2019/08/26 Python
Python实现将蓝底照片转化为白底照片功能完整实例
2019/12/13 Python
简单介绍django提供的加密算法
2019/12/18 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
家乐福巴西网上超市:Carrefour巴西
2016/10/31 全球购物
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
Windows和Linux动态库应用异同
2016/04/17 面试题
生物化学研究助理员求职信
2013/10/09 职场文书
会计学应届毕业生推荐信
2013/11/04 职场文书
大学生求职自我评价
2014/01/16 职场文书
硕士生找工作求职信
2014/07/05 职场文书
门卫岗位职责说明书
2014/08/18 职场文书
税务干部群众路线教育实践活动对照检查材料
2014/09/20 职场文书
机关中层领导干部群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
公司员工体检通知
2015/04/21 职场文书
担保书范文
2019/07/09 职场文书
vue实力踩坑之push当前页无效
2022/04/10 Vue.js