What needs to be added to make this text fade from white to black as the script runs?
I'd like it to go:
ffffff to cccccc to 999999 to 666666 to 333333 to 000000
as it 'scrolls' and the delays in between color changes to be then same.
Using six font color values will be smoother than making it do a gradient fade wont it?
<html>
<BODY>
<script>
var text="AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789.,!@#$%^&*()[]{}/\\?<>|-=_+`~;:'\"";
document.write("<big><tt id=dis nowrap>Display Area</tt></big>");
var symtype=new Array(" ","A","a","B","b","C","c","D","d","E","e","F","f","G","g","H","h","I","i","J","j","K","k","L","l","M","m","N","n","O","o","P","p","Q","q","R","r","S","s","T","t","U","u","V","v","W","w","X","x","Y","y","Z","z","0","1","2","3","4","5","6","7","8","9",".",",","!","@","#","$","%","^","&","*","(",")","[","]","{","}","/","\\","?","<",">","|","-","=","_","+","`","~",";",":","'","\"");
var symarray=new Array();
for (var i=0; i<text.length; i++){
symarray=" ";}
function scroll(){
for (var i=0; i<text.length; i++){
if (symarray!=text.substring(i,i+1)) {
for (var x=0; x<95; x++) if (symarray==symtype[x]) {symarray=symtype[x+1]; break}}
}var outsym="";
for (var i=0; i<text.length; i++) outsym+=symarray;
dis.innerHTML=outsym;
setTimeout('scroll()',100);
}scroll();
</script>
</body>
</html>
I'd like it to go:
ffffff to cccccc to 999999 to 666666 to 333333 to 000000
as it 'scrolls' and the delays in between color changes to be then same.
Using six font color values will be smoother than making it do a gradient fade wont it?
<html>
<BODY>
<script>
var text="AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789.,!@#$%^&*()[]{}/\\?<>|-=_+`~;:'\"";
document.write("<big><tt id=dis nowrap>Display Area</tt></big>");
var symtype=new Array(" ","A","a","B","b","C","c","D","d","E","e","F","f","G","g","H","h","I","i","J","j","K","k","L","l","M","m","N","n","O","o","P","p","Q","q","R","r","S","s","T","t","U","u","V","v","W","w","X","x","Y","y","Z","z","0","1","2","3","4","5","6","7","8","9",".",",","!","@","#","$","%","^","&","*","(",")","[","]","{","}","/","\\","?","<",">","|","-","=","_","+","`","~",";",":","'","\"");
var symarray=new Array();
for (var i=0; i<text.length; i++){
symarray=" ";}
function scroll(){
for (var i=0; i<text.length; i++){
if (symarray!=text.substring(i,i+1)) {
for (var x=0; x<95; x++) if (symarray==symtype[x]) {symarray=symtype[x+1]; break}}
}var outsym="";
for (var i=0; i<text.length; i++) outsym+=symarray;
dis.innerHTML=outsym;
setTimeout('scroll()',100);
}scroll();
</script>
</body>
</html>