亮出鏈接說明板

給訪客提供鏈接的說明。可以指定跳出的說明板的顏色。把鼠標移到鏈接文字上看看效果。

鏈接一
鏈接二
鏈接三
安裝:
步驟一  拷貝以下腳本後貼在有關網頁的<head></head>之間。
<style TYPE="text/css">

</style>
步驟二  拷貝以下腳本貼在網頁緊接<body>之下。


<DIV ID="topdeck" CLASS="popper"> </DIV> <SCRIPT> var nav = (document.layers); var iex = (document.all); var skn = (nav) ? document.topdeck : topdeck.style; if (nav) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; function pop(msg,bak) { var content ="<TABLE WIDTH=130 BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><FONT COLOR=#FFFFFF SIZE=2><B>內容說明</B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bak+"><TR><TD><FONT COLOR=#000000 SIZE=2><CENTER>"+msg+"</CENTER></FONT></TD></TR></TABLE></TD></TR></TABLE>"; if (nav) { skn.document.write(content); skn.document.close(); skn.visibility = "visible"; } else if (iex) { document.all("topdeck").innerHTML = content; skn.visibility = "visible"; } } function get_mouse(e) { var x = (nav) ? e.pageX : event.x+document.body.scrollLeft; var y = (nav) ? e.pageY : event.y+document.body.scrollTop; skn.left = x - 60; skn.top = y+20; } function kill() { skn.visibility = "hidden"; } </SCRIPT>
步驟三  拷貝以下代碼貼在鏈接標記之內。
ONMOUSEOVER="pop('Popup text goes here','yellow')"; ONMOUSEOUT="kill()"
鏈接樣板：
<a href="index.html" ONMOUSEOVER="pop('亮出文字在此','#FFFF00')"; ONMOUSEOUT="kill()">Home</a>
紅色是在說明板上展示的文字。
藍色是說明板的背景顏色代碼。

就是如此簡單！
請享用