服务热线:13616026886

技术文档 欢迎使用技术文档,我们为你提供从新手到专业开发者的所有资源,你也可以通过它日益精进

位置:首页 > 技术文档 > JAVA > 新手入门 > 基础入门 > 查看文档

状态栏动态提示超链接地址的效果

一般我们将鼠标移到超链接,ie浏览器的状态栏会出现该链接的详细地址。这篇文章,介绍是如何制作在状态栏动态提示超链接地址的效果,动态效果非常眩。

制作方法:

在<body>中插入javascript代码:

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

在有超链接处,加入代码:

onmouseover="statusin(‘goto:[http://www.webjx.com/]‘);return true;" onmouseout="statusout();"

红色代码处为超链接的动态提示效果,你可以做相应的变动。

整个代码为:

<a href="http://www.webjx.com/"

onmouseover="statusin(‘goto:[http://www.webjx.com/]‘);return true;"

onmouseout="statusout();" target="_blank">网页教学网</a>

扫描关注微信公众号