44、状态栏显示链接内容特效

44、状态栏显示链接内容特效

要完成此效果需要两个步骤

 

第一步:把如下代码加入到<head>区域中

 

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var data = "0123456789";

var done = 1;

function statusIn(text) {

decrypt(text, 2, 1);

}

 

function statusOut() {

self.status = '';

done = 1;

}

 

function decrypt(text, max, delay) {

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 status = text.substring(0, charvar);

for (var current_char = charvar; current_char < text.length; current_char++) {

status += data.charAt(Math.round(Math.random()*data.length));

}

window.status = status;

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;

         }

      }

   }

}

//  End -->

</script>

 

 

第二步:把如下代码加入到<body>区域中

 

<center>

<a href="http://7stk.com/"

onMouseOver="statusIn('The JavaScript Fairyland. [http://7stk.com/]');return true;"

onMouseOut="statusOut();">free.2259.com</a>

</center>

 

>

Write a comment

Comments: 0