制作在状态栏动态提示超链接地址的效果
类别: JavaScript教程
一般我们将鼠标移到超链接,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.etoow.com/]");return true;" onMouseOut="statusOut();"
红色代码处为超链接的动态提示效果,你可以做相应的变动。
整个代码为:
<a href="http://www.etoow.com/"
onMouseOver="statusIn("Goto:[http://www.etoow.com/]");return true;"
onMouseOut="statusOut();" target="_blank">伊图教程网</a>
制作方法:
在<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.etoow.com/]");return true;" onMouseOut="statusOut();"
红色代码处为超链接的动态提示效果,你可以做相应的变动。
整个代码为:
<a href="http://www.etoow.com/"
onMouseOver="statusIn("Goto:[http://www.etoow.com/]");return true;"
onMouseOut="statusOut();" target="_blank">伊图教程网</a>
- 上一篇: 常用的表单提交判断函数
- 下一篇: 无提示信息禁止鼠标右键的脚本
-= 资 源 教 程 =-
文 章 搜 索