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

鏈接一        鏈接二        鏈接三

您注意到了吧？說明板是漸漸亮出的。您可以更改邊界、背景、文字的顏色和大小。

 

安裝

步驟一  下載這個smwz.js文件(右擊滑鼠然後選擇“目標另存為...”)，然後放置在與相關網頁同一文件夾內。

步驟二  拷貝以下腳本後貼在有關網頁的<head></head>之間。

    
<style> <!-- .navtext { width:150px; font-size:12pt; border-width:2px; border-style:solid; border-color:#009900; layer-background-color:#FFCC00; background-color:#FFCC00; color:#000000; } --> </style> <script language="javascript" src="smwz.js"></script>

步驟三  配置以上腳本。下面是有關設定的解釋。

width:150px;    設定說明板的寬度。
font-size:12pt;    設定文字的大小。
border-width:2px;    設定邊界的寬度。
border-color:#009900;    邊界顏色代碼。
layer-background-color:#FFCC00;    設定說明板的背景顏色 (使它與下面相同)。
background-color:#FFCC00;    設定背景顏色 (使它與上面相同)。
color:#000000;    文字的顏色代碼。

步驟四  拷貝以下代碼貼在鏈接標記內。您當然要更改說明的文字。

onmouseover="writetxt('說明文字在此。')" onmouseout="writetxt(0)"

樣板：

<a href="mouye.html" onmouseover="writetxt('說明文字在此。')" onmouseout="writetxt(0)">點擊這裡</a>

步驟五  拷貝以下腳本貼在網頁最靠近</body>之前。

<div id="navtxt" class="navtext" style="position:absolute; top:-100px; left:0px; visibility:hidden"></div>