亮出链接说明板之三

给访客提供链接的说明。可以指定跳出的说明板的颜色。把鼠标移到链接文字上看看效果。
链接一        链接二        链接三

您注意到了吧？说明板是渐渐亮出的。您可以更改边界、背景、文字的颜色和大小。

安装
步骤一  下载这个smwz.js文件(右击滑鼠然后选择“目标另存为...”)，然后放置在与相关网页同一文件夹内。
步骤二  拷贝以下脚本后贴在有关网页的<head></head>之间。


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

就是如此简单！
请享用