样板：把鼠标移到下列文字上看看。

目录页
Java 程式
Java 脚本
检索

 

安装：

步骤一  下载下面的两个图像然后存放在与相关网页同一文件夹内。
kai.gif
bi.gif

步骤二  拷贝以下脚本后贴在有关网页的 HEAD 之中。

<script language="JavaScript"> <!-- img_on = "kai.gif"; img_off = "bi.gif"; function imgover(imgname) { imgname.src = img_on; } function imgout(imgname) { imgname.src = img_off; } //--> </script>

步骤三  拷贝以下代码贴于有关网页的 BODY 范围内您需要展示文字链接的部位。

<IMG NAME="img_01" SRC="bi.gif" WIDTH="10" HEIGHT="10" BORDER="0"> <A HREF="1.html" onMouseOver="imgover(img_01)" onMouseOut="imgout(img_01)"> 第1页</a>
<br>
<IMG NAME="img_02" SRC="bi.gif" WIDTH="10" HEIGHT="10" BORDER="0"> <A HREF="2.html" onMouseOver="imgover(img_02)" onMouseOut="imgout(img_02)"> 第2页</a>
<br>
<IMG NAME="img_03" SRC="bi.gif" WIDTH="10" HEIGHT="10" BORDER="0"> <A HREF="3.html" onMouseOver="imgover(img_03)" onMouseOut="imgout(img_03)"> 第3页</a>
<br>
<IMG NAME="img_04" SRC="bi.gif" WIDTH="10" HEIGHT="10" BORDER="0"> <A HREF="4.html" onMouseOver="imgover(img_04)" onMouseOut="imgout(img_04)"> 第4页</a>

步骤四  注意每一个链接代码各使用系列数字 (绿色显示)。您可以此类推，设定更多链接路径。例如下一个链接为：

<IMG NAME="img_05" SRC="bi.gif" WIDTH="10" HEIGHT="10" BORDER="0"> <A HREF="5.html" onMouseOver="imgover(img_05)" onMouseOut="imgout(img_05)"> 第5页</a>

红字是链接路径。

蓝字是网页上显示的链接名称。