Arrow Links Script - PayneLessDesigns.com

Web Pages Designed With Your Wallet In Mind!

Arrow Links Script
NOTE: Checked in FF 2.0 and IE 7.0 only.

Description: This neat little JavaScript will indicate which link is selected with a little arrow image. Hold cursor over a link and watch it blink!

Arrow Links Images ZIP File Link

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 or from PayneLess Designs

STEP TWO: Copy this code into the HEAD of your HTML document

STEP THREE: Put this last code into the BODY of your HTML document

Code:

<body>
<div align="center">
<table border="0" summary="">
<tr><td>
<img name="pic1" src="blank.gif" width="10" height="10" border="0" alt="">
<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" alt="">
<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" alt="">
<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" alt="">
<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" alt="">
<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" alt="">
<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" alt="">
<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" alt="">
<a href="http://www.yahoo.com" onMouseOver="imgover(pic8)" onMouseOut="imgout(pic8)">Yahoo!</a>
</td></tr></table>
</div>
</body>

Designed for 1024x768 and Firefox Browser

PayneLess Designs - Arrow Links Example

The Way to Economical Web Site Designs

Web Pages Designed With Your Wallet In Mind!

Arrow Links Script
NOTE: Checked in FF 2.0 and IE 7.0 only.

Designed for 1024x768 and Firefox Browser

PayneLess Designs - Arrow Links Example

The Way to Economical Web Site Designs

Web Pages Designed With Your Wallet In Mind!

Arrow Links ScriptNOTE: Checked in FF 2.0 and IE 7.0 only.

Arrow Links Script
NOTE: Checked in FF 2.0 and IE 7.0 only.