»
EnglishFrenchVietnamese

Print - Wave Text (Back and Forth) - JavaScriptBank.com

Full version: jsB@nk » Text » Animation » Wave Text (Back and Forth)
URL: https://www.javascriptbank.com/wave-text-back-and-forth.html

Wave Text (Back and Forth) © JavaScriptBank.comWave Text is a Quick effect that has a Back and Forth - Wave Type of Look to it.

Full version: jsB@nk » Text » Animation » Wave Text (Back and Forth)
URL: https://www.javascriptbank.com/wave-text-back-and-forth.html



CSS
<STYLE type=text/css>BODY {BACKGROUND-COLOR: #000; TEXT-ALIGN: center}SPAN {FONT-WEIGHT: bold}A {COLOR: #fff}A:hover {COLOR: #000; BACKGROUND-COLOR: #00ff00}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=JavaScript type=text/javascript><!--// - Global Variables:var MaxSize=50; // - Maximum size text grows to.var splashmessage="JavaScriptBank.com"; // - must be larger than splashmessageIIvar splashmessageII="Free Javascript";var splashmessageIII="Enter";var URL="http://JavaScriptBank.com";var colors=new Array();colors=["#00ff00","gray","yellow","aqua","orange","blue","red","#fff"];var spans0;var counter=0,count=0;var cnt=0,gcnt=0,cntII=0;var cntr,cntrII=0,gcntr=0,gcntrII=splashmessage.length;var cntrIII=0;var thecnt=0;var gcount=0;var T=15;var half=splashmessage.length/2;var bool=true,bool2=true;// - End Global Variables// - Event Handlers:window.onload=SPLASHINTROSCREEN;// - End EventHandlers// - Method Definitionsfunction SPLASHINTROSCREEN(){ writeMessage(); killSpace_Hucko(); apply_play_Richard(); for(var y=0;y<2;y++)  createBr(); //for(var x=0;x<splashmessageIII.length;x++)  //CreateAs_Hucko(splashmessageIII.substring((x+1),((x+1)-1)));}function site(){ location.href=URL;}function writeMessage(){ count=counter+1; while(count<=splashmessage.length) {   CreateSpans_Hucko(splashmessage.substring(count,count-1)); count++; }}function CreateSpans_Hucko(buffer){ spans0=document.createElement('span'); with(spans0) {  innerHTML=buffer;with(style){ color="#fff"; fontSize=15;}onclick=site; } document.body.appendChild(spans0);}function createBr(){ br=document.createElement('br'); document.body.appendChild(br);}function CreateAs_Hucko(buffer){ as0=document.createElement('a'); with(as0) {  innerHTML=buffer;href=URL;with(style){ color="#fff"; fontSize=15;} } document.body.appendChild(as0);}function killSpace_Hucko(){ spans0=document.getElementsByTagName('span'); for(var x=0;x<spans0.length;x++) {  if(spans0[x].innerHTML==" "||spans0[x].innerHTML=="") spans0[x].innerHTML="<b style='visibility:hidden'>_</b>"; }}function apply_play_Richard(){ if(cnt<spans0.length) {  with(spans0[cnt].style){ color=colors[gcnt];}cnt+=1; } else if(cntII<=colors.length) {  cnt=0;gcnt++;cntII++; }  if(cntr<MaxSize) {  spans0[gcntrII].style.fontSize=cntr;cntr+=2; } else if(gcntrII>half) {  gcntrII--;cntr=0; } else if(bool==true) {  for(var x=0;x<splashmessage.length;x++){ spans0[x].innerHTML="";  }bool=false; } else if(gcount<spans0.length) {  spans0[gcount].style.letterSpacing=20;gcount++; }  if(cntrII<MaxSize) {  spans0[gcntr].style.fontSize=cntrII;cntrII+=2; } else if(gcntr<=half) {  gcntr++;cntrII=0; } else if(bool2==true) {  T=50;bool2=false; } else if(cntrIII<=splashmessageII.length) {  spans0[cntrIII].innerHTML=splashmessageII.substring(cntrIII,cntrIII-1);cntrIII++; } else {  killSpace_Hucko();for(var x=0;x<spans0.length;x++) spans0[x].style.letterSpacing=2; } setTimeout("apply_play_Richard();",T);}// - End Method Definitions//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->