Get a FREE fully-working copy of Steganos Security Suite 7 (worth £49.99) when you sign up to the Practical PC Newsletter. Highlighted Links - Code
Here's the code for one of the neatest mouseover link effects you can have!
Insert this code into the <head> section of your page
<script type="text/javascript">
<!--
IMAGEON = "on.gif"
IMAGEOFF = "off.gif"
function imgover(imgname){
imgname.src = IMAGEON
}
function imgout(imgname){
imgname.src = IMAGEOFF
}
//-->
</script>
And use this code in the <body> section where you need the effect
<img name ="IMAGE01" src="off.gif" width=10 height=10 border=0 / >
<a onmouseOver="imgover(IMAGE01)" onmouseout="imgout(IMAGE01)" href="../../index.htm">Practical PC</a></p>
<img name ="IMAGE02" src="off.gif" WIDTH=10 height=10 border=0> <a onmouseover="imgover(IMAGE02)" onmouseout="imgout(IMAGE02)" href="../../download/downloads_index.htm">Downloads</a></p>
<img name="IMAGE03" src="off.gif" width=10 height=10 border=0> <a onmouseover="imgover(IMAGE03)" onmouseout="imgout(IMAGE03)" href="../../computing/computing_index.htm">Computing Guides</a></p>
Notes: Look at the "<IMG NAME=...> sections - if you're using more than one arrowed link on a page, you'll need to number each one sequentially, as we've done here. Aside from that small proviso, you can have as many arrowed links as you like!
