Link Descriptions

Click in the box below to select the code, then copy and paste as required.

<html>
<head>
<title>
Using onMouseOver to display images and describe the content of links.
</title>

// This following list can be extended, as required
var wor1
var wor2
var wor3

/* Your description what the link will show goes here
As you can see, you can use HTML tags.*/
wor1 = "<img src='image1.jpg' name='image1'><br>Text shown with the first image"
wor2 = "<img src='image2.jpg' name='image2'><br>Text with the second image"
wor3 = "<img src='image3.jpg' name='image3'><br>Text with the third image"

function Link1Over()
{
  Pic.innerHTML = wor1; 
}
function Link2Over()
{
  Pic.innerHTML = wor2; 
}
function Link3Over()
{
  Pic.innerHTML = wor3;
}

</script>
</head>
<BODY>
<table border="1">
<tr>
<td valign="top" bgColor="#ffffcc"  width="160"> 
<a id="Link1" onMouseOver="Link1Over()" href="link1.htm">First Link</a> 
<br>
<a id="Link2" onMouseOver="Link2Over()" href="link2.htm">Second Link</a> <br>
<a id="Link3" onMouseOver="Link3Over()" href="link3.htm">Third Link</a>
<br>
                    
</td>
<td width="600">

You can use these images to test the script.