开发学院WEB开发Jsp 状态栏动态提示超链接地址的效果 阅读

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

 2008-01-05 09:41:29 来源:WEB开发网   
核心提示:一般我们将鼠标移到超链接,IE浏览器的状态栏会出现该链接的具体地址,状态栏动态提示超链接地址的效果,这篇文章,介绍是如何制作在状态栏动态提示超链接地址的效果,动态效果非常眩,制作方法:在<body>中插入javascript代码:<script LANGUAGE="Javascript&qu

一般我们将鼠标移到超链接,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>

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



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

整个代码为:

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



target="_blank">网页教学网</a>


Tags:状态 动态 提示

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接