Add More Than One Link

Link Deactivated For Tutorial!

A s you have noticed, you can add more than the default (1) link into this script. On the below part of the script (which is the part that goes in the <BODY> section) you will notice we have color coded (4) four sections that you need to reconfigure in order to have more than the default (1) one link. The below is the code for the default. You need to now have all links after the first one numbered sequentially. In other words, the second link you need to add the number 2 after the prem_hint2. The third link you need to add the number 3 after the prem_hint3. See below:

Default One Link

<a href="#" class="link" onmouseover="javascript:reset();Scroll('prem_hint');" onmouseout="javascript:StopScroll('prem_hint');">Move your mouse over</a>
</center>
<div id="prem_hint" style="position:relative; visibility:hidden" class="prem_hint">
This is the hint or description for the above link!
</div>

Reconfigured For More Than One Link

<a href="#" class="link" onmouseover="javascript:reset();Scroll('prem_hint2');" onmouseout="javascript:StopScroll('prem_hint2');">Move your mouse over</a>
</center>
<div id="prem_hint2" style="position:relative; visibility:hidden" class="prem_hint2">
This is the hint or description for the above link!
</div>

<a href="#" class="link" onmouseover="javascript:reset();Scroll('prem_hint3');" onmouseout="javascript:StopScroll('prem_hint3');">Move your mouse over</a>
</center>
<div id="prem_hint3" style="position:relative; visibility:hidden" class="prem_hint3">
This is the hint or description for the above link!
</div>

If you do not have each link named differently as shown above, they will not work correctly and you will get this infamous little triangle at the bottom of your screen with the error message of
"Page done with errors" in the progress bar.

T o recap, for each additional link you want to add this effect to, just have it sequentially numbered. And to answer a question posed to us, the answer is "No", you do not insert the <HEAD> section for each additional link. The <HEAD> section is only placed in the document once. What is inserted for each link is the below section of code and that goes anywhere in the <BODY> section you want that particular link and effect to appear.

N otice on all the above sections of code the use of the single quote ' (apostrophe) and the " quotation marks. Do not interchange them. The first two are the ' and the last two are the ".

O n a final note of importance. You will notice the closing </center> tag. You can remove this if you do not want the links positioned in the center of the page.