当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 解密效果

Javascript
javascript 异常处理使用总结
ExtJS扩展 垂直tabLayout实现代码
JavaScript 新手24条实用建议[TUTS+]
PNG背景在不同浏览器下的应用
实现超用户体验 table排序javascript实现代码
利用JQuery为搜索栏增加tag提示
JQuery 前台切换网站的样式实现
WordPress JQuery处理沙发头像
js form 验证函数 当前比较流行的错误提示
JQuery 无废话系列教程(一) jquery入门 [推荐]
jQuery 表单验证插件formValidation实现个性化错误提示
JQuery 入门实例1
jQuery 可以拖动的div实现代码 修正版
javascript DOM对象的学习实例代码
css 二级菜单 实现代码集合 修正版
ExtJS GTGrid 简单用户管理
jQuery DIV弹出效果实现代码
Javascript 调试利器 Firebug使用详解六
深入javascript json QQ网页登陆
类似新浪网的 弹出视频功能实现代码

Javascript 中的 解密效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 368 ::
收藏到网摘: n/a

<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>