Script Categories













Menus and Navigation >>> Link Description.

Displays a description in another cell of a table when the mouse moves over a link.

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.

Add the below code to the <body> section of your page:

<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">
<!-- Cell with the descriptions -->
<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">      
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
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");
//  End -->
</script>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).




©