Link 1

Link 2

Link 3

Link 4

Link 5

Instructions to create an animated text fader....


Step 1:
Put the following in the HEAD section of your document.

<SCRIPT LANGUAGE="JavaScript" SRC="TextFader.js" ></SCRIPT>


Step 2:
Whenever you want a fading text area in your document you simply add the following...
<SCRIPT>document.write(TextFader("fade1", 10,"000000", "The default text", "0000FF"))</SCRIPT>
Where :-
"fade1" = the name of the TextFader area
10 = The number of steps in the fade
"000000" is the background color (Black in this case)
The following 2 parameters are optional but if you use a default text you must use a default text color.
"The default text" This is the default text to display.
"0000FF" This is the default text color (blue in this case)
You still need to make sure there is enough "blank" space around the fader to display your text. I have done this on this page by placing the fading text areas in the cells of a table.

For example,
<BODY>
<TABLE>
<TR>
<TD>
<SCRIPT>document.write(TextFader("fade1", 5, "000000"))</SCRIPT>
</TD>
</TR>
</TABLE>
</BODY>


Step 3:
Add the onMouseOver and onMouseOut to your links like this
onMouseOver="fade_up('fade1','This is the text to display','FF0000')"
onMouseOut="fade_down('fade1')"
Where
fade1 = the name of the TextFader area
This is the text to display = The text to fade in/out
FF0000 is the color of the faded in text (RRGGBB)

For example
<A HREF="home.html"
    onMouseOver="fade_up('fade1','Using this script you can....','FF0000')"
    onMouseOut="fade_down('fade1')">Link 1</A>