<!-- THREE STEPS TO INSTALL ARROW LINKS:
1. Save the two necessary images to your server directory
2. Add the code into the HEAD of your HTML document
3. Copy the last code into the BODY of your HTML document -->
<!-- STEP ONE: Save the following images to your server directory
// you may download the required arrow images in a ZIP file from
// http://javascript.internet.com/img/arrow-links/arrow-links.zip
(Try using the "Save Link As" or "Save Target As" to save images) -->
<!-- STEP TWO: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function imgover(imgname){
imgname.src = "arrow.gif"
}
function imgout(imgname){
imgname.src = "blank.gif"
}
// End -->
</SCRIPT>
<!-- STEP THREE: Put this last code into the BODY of your HTML document -->
<center>
<table border=0>
<tr><td>
<img name="pic1" SRC="blank.gif" width=10 height=10 border=0>?
<A HREF="http://altavista.digital.com" onMouseOver="imgover(pic1)" onMouseOut="imgout(pic1)">Altavista</A>
<br>
<img name="pic2" SRC="blank.gif" width=10 height=10 border=0>?
<A HREF="http://www.excite.com" onMouseOver="imgover(pic2)" onMouseOut="imgout(pic2)">Excite</A>
<br>
<img name="pic3" SRC="blank.gif" width=10 height=10 border=0>?
<A HREF="http://www.hotbot.com" onMouseOver="imgover(pic3)" onMouseOut="imgout(pic3)">Hotbot</A>
<br>
<img name="pic4" SRC="blank.gif" width=10 height=10 border=0>?
<A HREF="http://www.infoseek.com" onMouseOver="imgover(pic4)" onMouseOut="imgout(pic4)">Infoseek</A>
<br>
<img name="pic5" SRC="blank.gif" width=10 height=10 border=0>?
<A HREF="http://www.lycos.com" onMouseOver="imgover(pic5)" onMouseOut="imgout(pic5)">Lycos</A>
<br>
<img name="pic6" SRC="blank.gif" width=10 height=10 border=0>?
<A HREF="http://www.magellan.com" onMouseOver="imgover(pic6)" onMouseOut="imgout(pic6)">Magellan</A>
<br>
<img name="pic7" SRC="blank.gif" width=10 height=10 border=0>?
<A HREF="http://www.webcrawler.com" onMouseOver="imgover(pic7)" onMouseOut="imgout(pic7)">Webcrawler</A>
<br>
<img name="pic8" SRC="blank.gif" width=10 height=10 border=0>?
<A HREF="http://www.yahoo.com" onMouseOver="imgover(pic8)" onMouseOut="imgout(pic8)">Yahoo!</A>
</td></tr></table>
</center>
<!-- Script Size: 2.33 KB -->
{ 0 comments... Views All / Send Comment! }
Post a Comment