<table
border="0">
<tr>
<td
valign=top
width="160">
<ul>
<li><a
onMouseOver="Words.innerHTML
= description[0];"
href="http://yaldex.com/JSFactory_Pro.htm">First
Link</a>
<li><nobr><a
onMouseOver="Words.innerHTML
= description[1];"
href="http://yaldex.com/JSFactory_Pro.htm">Second
Link</a></nobr>
<li><a
onMouseOver="Words.innerHTML
= description[2];"
href="http://yaldex.com/JSFactory_Pro.htm">Third
Link</a>
</ul>
</td>
<td
width="600">
<span
id="Words">This
will be the info that visiters will see first it is changed when they
mouseover the links. It returns when the page is reloaded.</span>
</td>
</tr>
</table>
<script
language="javascript"
type="text/javascript">
var
description
=
new
Array();
description[0]
=
"Text shown when visitors mouse
over the first link.";
description[1]
=
"You can even embed <b>HTML</b>
into the link description.";
description[2]
=
"<i>Text shown when visitors
mouse over the third link.</i>";
var
Words =
document.getElementById("Words");
</script>