»
EnglishFrenchVietnamese

Print - Colorful Text Fader - JavaScriptBank.com

Full version: jsB@nk » Text » Fade-Glow » Colorful Text Fader
URL: https://www.javascriptbank.com/colorful-text-fader.html

Colorful Text Fader © JavaScriptBank.comAdd as many messages, colors, and even your own background image to this text fader. There's virtually no limit to the overall size and length of the messages this script can display.

Full version: jsB@nk » Text » Fade-Glow » Colorful Text Fader
URL: https://www.javascriptbank.com/colorful-text-fader.html



JavaScript
<SCRIPT LANGUAGE="JavaScript"><!-- Begin<!-- Ken Tholke, [email protected]. -->// add as many or as few messages as you would likevar msg=new Array()msg[0]="<CENTER>You can see more scripts like this one...</CENTER>";msg[1]="<CENTER>...when you visit the JavaScript Source.</CENTER>";msg[2]="<CENTER>Your computer can handle the rest.</CENTER>";// set your first set of colors.  Use as many or as few as you wish.var colors1=new Array("ffffff", "eeeeff", "ddddff", "ccccff", "bbbbff", "aaaaff", "9999ff","8888ff", "7777ff", "6666ff", "5555ff", "4444ff", "3333ff","2222ff", "1111ff", "0000ff")//set your second set of colors// *** must have exactly the same number of colors as the array above ***var colors2=new Array("ffffff", "ffeeee", "ffdddd", "ffcccc", "ffbbbb", "ffaaaa", "ff9999","ff8888", "ff7777", "ff6666", "ff5555", "ff4444", "ff3333", "ff2222", "ff1111", "ff0000")//set the height of the display in pixelshigh=60;//set the width of the display in pixelswide=350;//set the pixel coordinates for the upper left hand corner of the displayXpos=220;Ypos=180;// move the display away from the edges of the backgroundpad=15;// set the background color of the displaybgcol="ffffff";//add a background image if you want.// *** for no image, just leave empty quotes (ex. cellbg=""; ) ***cellbg="faderbg.jpg";// set the fontfntFam="verdana,helvetica,arial";fntSize=14;// set how how many seconds you want the message to stay remain at totality.pause=2.5;// Do not edit these values below!!!icolor=0;mcolor=1;imsg=0;spWidth=wide-(2*pad);totality=false;glowing=true;var theMsg="";var cellcontent="";pause=pause*1000;if(cellbg.length>4){cellbg=" background="+cellbg}else{cellbg="";}function doPause(){   totality=false; t=setTimeout("changecolor()",pause);   }function initiate(){   getContentColor();   getMsg();   getCellContent();   if(document.all){   msgbg.innerHTML=cellcontent;   msgfade.innerHTML=theMsg;   msgbg.style.posLeft=Xpos;   msgbg.style.posTop=Ypos;   msgfade.style.posLeft=Xpos+pad;   msgfade.style.posTop=Ypos+pad;   t=setTimeout("changecolor()",50);}   if(document.layers){   document.msgbg.document.write(cellcontent);   document.msgbg.document.close();   document.msgfade.document.write(theMsg);   document.msgfade.document.close();   document.msgbg.left=Xpos;   document.msgbg.top=Ypos;   document.msgfade.left=Xpos+pad;   document.msgfade.top=Ypos+pad;   t=setTimeout("changecolor()",100);}   }function changecolor(){   if(totality==true){doPause();}   else{   getMsg();   getContentColor();   if(document.all){   msgfade.innerHTML=theMsg;   t=setTimeout("changecolor()",50);}   if(document.layers){   document.msgfade.document.write(theMsg);   document.msgfade.document.close();   t=setTimeout("changecolor()",70);}   }   }function getFadeColor(){   icolor=icolor-1;   if(mcolor==1){contentcolor=colors1[icolor];}   else{contentcolor=colors2[icolor];}   }function getGlowColor(){   icolor=icolor+1;   if(mcolor==1){contentcolor=colors1[icolor];}   else{contentcolor=colors2[icolor];}   }function changemsg(){   if(imsg==msg.length-1){imsg=0; mcolor=1;}   else if(imsg != msg.lenght-1 && mcolor==1){imsg=imsg+1; mcolor=0;}   else{imsg=imsg+1; mcolor=1;}   }function getContentColor(){   if(icolor==colors1.length-1 && glowing==true){   getFadeColor(); glowing=false; totality=true;}   else if(icolor < colors1.length && glowing==true){   getGlowColor();}   else if(icolor < 1 && glowing==false){changemsg(); getGlowColor(); glowing=true;}   else{getFadeColor();}   }function getMsg() {   theMsg="<span style='font-size:"+fntSize+"pt; font-family:"+fntFam+"; width:"+spWidth+";'>"   theMsg+="<B><font color="+contentcolor+">"+msg[imsg]+"</font></B> "   theMsg+="</span>"   }function getCellContent(){   cellcontent="<TABLE height="+high+   " width="+wide+" bgcolor="+bgcol+" cellpadding=0 cellspacing=0><TR><TD"+cellbg+"> </TD></TR></TABLE>"}//  End --></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onLoad="initiate()"><DIV id=msgbg style="position: absolute;"></DIV><DIV id=msgfade style="position: absolute;"></DIV></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->