Full version: jsB@nk » Text » Fade-Glow » Rainbow Text effect
URL: https://www.javascriptbank.com/rainbow-text-effect.html
This text animation script gently fades a header using the colors of the rainbow. Works in both IE4+ and NS6+, and degrades well with other browsers.
Full version: jsB@nk » Text » Fade-Glow » Rainbow Text effect
URL: https://www.javascriptbank.com/rainbow-text-effect.html
<SCRIPT language=JavaScript><!--- var rainString = "This is an example of text in rainbow colours using JavaScript."var position = -1var longness = rainString.length - 1function rainbow(rainString) { while(position <= longness) { document.write("<font color=\"#ff0000\">" + rainString.charAt(position) + "</font>") position++ document.write("<font color=\"#ffa500\">" + rainString.charAt(position) + "</font>") position++ document.write("<font color=\"#ffff00\">" + rainString.charAt(position) + "</font>") position++ document.write("<font color=\"#008000\">" + rainString.charAt(position) + "</font>") position++ document.write("<font color=\"#0000ff\">" + rainString.charAt(position) + "</font>") position++ document.write("<font color=\"#4b0082\">" + rainString.charAt(position) + "</font>") position++ document.write("<font color=\"#ee82ee\">" + rainString.charAt(position) + "</font>") position++}}//--></SCRIPT><SCRIPT language=JavaScript><!--function MakeArray(n){ this.length=n; for(var i=1; i<=n; i++) this[i]=i-1; return this}hex=new MakeArray(16);hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F";function ToHex(x){ var high=x/16; var s=high+""; s=s.substring(0,2); high=parseInt(s,10); var left=hex[high+1]; var low=x-high*16; s=low+""; s=s.substring(0,2); low=parseInt(s,10); var right=hex[low+1]; var string=left+""+right; return string;}function Fade(text){ text=text.substring(3,text.length-4); color_d1=255; mul=color_d1/text.length; for(i=0;i<text.length;i++){ color_d1=255*Math.sin(i/(text.length/3)); color_h1=ToHex(color_d1); color_d2=mul*i; color_h2=ToHex(color_d2); document.write("<FONT COLOR='#FF"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>'); }}//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=JavaScript><!--- Rainbowdocument.write(rainbow(rainString))// --></SCRIPT><br><SCRIPT language=JavaScript><!--Fade("-->An example of rainbow colours.<!--");//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->