This site requires JavaScript turned on. Your browser does not support JavaScript, or it has JavaScript disabled. If you want to correctly view all the pages on this site, please upgrade your browser or enable JavaScript support. Thank you for taking the time to visit.

« Links open in new window/tab »

Free Site Search Engine at JRank.org

« Links open in new window/tab »

Monitor Page for Changes

Share |

Arrow Links Script
PayneLess Designs

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!

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 Download arrow-links.zip or download from PayneLess Designs

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

Code:
<head>

<script type="text/javascript">
<!-- Original:  (mrenner@rst.de) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function imgover(imgname){
imgname.src = "arrow.gif"
}
function imgout(imgname){
imgname.src = "blank.gif"
}
// End -->
</script>

<style type="text/css">
ul li { margin: 1% 0; }

img.menu {
width: 10px;
height: 10px;
}
</style>

</head>

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

Code:

<body>

<ul>
<li><img name="pic1" src="blank.gif" alt="">
<a href="http://Domain_Name1.com/" onMouseOver="imgover(pic1)" onMouseOut="imgout(pic1)" title="Mouseover Description">Link Text</a></li>

<li><img name="pic2" src="blank.gif" alt="">
<a href="http://Domain_Name2.com/" onMouseOver="imgover(pic2)" onMouseOut="imgout(pic2)" title="Mouseover Description">Link Text</a></li>

<li><img name="pic3" src="blank.gif" alt="">
<a href="http://Domain_Name3.com/" onMouseOver="imgover(pic3)" onMouseOut="imgout(pic3)" title="Mouseover Description">Link Text</a></li>

<li><img name="pic4" src="blank.gif" alt="">
<a href="http://Domain_Name4.com/" onMouseOver="imgover(pic4)" onMouseOut="imgout(pic4)" title="Mouseover Description">Link Text</a></li>

<li><img name="pic5" src="blank.gif" alt="">
<a href="http://Domain_Name5.com/" onMouseOver="imgover(pic5)" onMouseOut="imgout(pic5)" title="Mouseover Description">Link Text</a></li>

<li><img name="pic6" src="blank.gif" alt="">
<a href="http://Domain_Name6.com/" onMouseOver="imgover(pic6)" onMouseOut="imgout(pic6)" title="Mouseover Description">Link Text</a></li>

<li><img name="pic7" src="blank.gif" alt="">
<a href="http://Domain_Name7.com/" onMouseOver="imgover(pic7)" onMouseOut="imgout(pic7)" title="Mouseover Description">Link Text</a></li>

<li><img name="pic8" src="blank.gif" alt="">
<a href="http://Domain_Name8.com/" onMouseOver="imgover(pic8)" onMouseOut="imgout(pic8)" title="Mouseover Description">Link Text</a></li>
</ul>

</body>

If you have found any services on my site to be beneficial and would like to donate, please feel free to donate ANY amount you want. Thank you very much.

« Links open in new window/tab »

« Links open in new window/tab »

Monitor Page for Changes

Arrow Links ScriptPayneLess Designs

Three Steps to Install Arrow Links:

Arrow Links Script
PayneLess Designs