Scribd
Upload
11 views1 page

Color Text Fader Implementation Guide

The document provides instructions for adding fading text to a webpage using JavaScript. It includes code snippets to copy into the HTML head and body. In the head, standard JavaScript code is added for the fading effect. In the body, the message, font, size, and color can be customized for the fading text that will appear on the page. The script controls fading the text in and out over time using timeouts and opacity changes.

Uploaded by

sourbh_brahma
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
11 views1 page

Color Text Fader Implementation Guide

The document provides instructions for adding fading text to a webpage using JavaScript. It includes code snippets to copy into the HTML head and body. In the head, standard JavaScript code is added for the fading effect. In the body, the message, font, size, and color can be customized for the fading text that will appear on the page. The script controls fading the text in and out over time using timeouts and opacity changes.

Uploaded by

sourbh_brahma
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

STEP 1

Copy and place the code in the text area into the <head> of your html document. Nothing to change in
this part of the fading text script.

delay = 30; if(count2 > 100) count2 = 100;


add1 = -10; add2 = -3; delay = 350; } if(co
0) { count2 = 0; add1 = 3; add2 = 10; delay
timerID = setTimeout("show ()", delay); } } w
End --> </script>

STEP 2

Copy and paste the code below into the <body> of your html document where you want the fading text
effect to appear on your webpage.

This is where you configure the fading text javascript to your requirements. You can change the message
in this part, font type, text color and size.

<center> <div id="fader"


style="w idth:480; Filter:Alpha(Opacity=0,Fin
<h4> <font family="Arial, Helvetica" color="
Another Great Javascript<br> Courtesy of
Website! </font></h4> </div> </center>

You might also like