Arrow onMouseover

Description: This script displays an arrow image alongside the link when you move your cursor over the link. Furthermore, the arrow blinks while the mouse is over it. Nice visual effect.

Example:

Dynamic Drive
Freewarejava.com
CodingForums.com

Directions

Step 1: The following code is to be placed between .

<script language="JavaScript"> <!-- /* Arrow onMouseover By Clarence Eldefors (http://www.freebox.com/cereweb) Visit http://javascriptkit.com for this and over 400+ other scripts */ IMAGE01 = "on.gif" IMAGE02 = "off.gif" function imgover(imgname){ imgname.src = IMAGE01 } function imgout(imgname){ imgname.src = IMAGE02 } //--> </script>

Step 2: Here is the code for a link using the array´s. If you want more than one link, then copy this code and change all IMAGE01 to IMAGE02 Then just add one number for additional links (eg. IMAGE03, IMAGE04 etc.)

<img name="IMAGE01" src="off.gif" width="10" height="10" border="0" /> <a href="http://www.altavista.com" onmouseover="imgover(IMAGE01)" onmouseout="imgout(IMAGE01)">Altavista</a>

You'll also want to download the two arrow images, on.gif and off.gif (right click and choose "save as").