Full version: jsB@nk » Text » Animation » Wavy Text script
URL: https://www.javascriptbank.com/wavy-text-script.html
Add a watery, wavy effect to a header text with this mesmerizing script!
Full version: jsB@nk » Text » Animation » Wavy Text script
URL: https://www.javascriptbank.com/wavy-text-script.html
<STYLE type=text/css>BODY {BACKGROUND-COLOR: gray; COLOR: lightyellow; TEXT-ALIGN: center}SPAN {FILTER: dropshadow(color=black); HEIGHT: 10px; WIDTH: 10px}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=JavaScript type=text/javascript><!--var T=75; // - Timervar text="Bank of over 2000+ free JavaScripts"; // - Text to Modify (Variable Length String)var finds=new Array();window.onload=main;function main(){ createSpans(); findPipe(); replacePipe(); modifySpans();}function createSpans(){for(var x=0;x<text.length;x++){ var count=x+1; var span=document.createElement('span'); span.id='sid'+x; span.innerHTML=text.substring(count,count-1); with(span.style) { fontWeight="bold"; } span.onclick=HUCKO; document.body.appendChild(span);}}var RHucko1=0;function findPipe(){ for(var x=0;x<text.length;x++) { if(x==0) finds[x]=text.lastIndexOf(' ');else finds[x]=text.lastIndexOf(' ',finds[x-1]-1); }}function replacePipe(){var spans=document.getElementsByTagName('span'); for(var x=0;x<finds.length;x++) { if(finds[x]==-1){}else{ spans[finds[x]].innerHTML="<b style='visibility:hidden;'>_</b>";} }}function HUCKO(){location.href="http://JavaScriptBank.com";}var cnt=0,cntII=1,cntIII=text.length-1;cntIV=text.length-2;function modifySpans(){ if(cnt<text.length) { document.getElementById('sid'+cnt).style.fontSize=40;cnt+=2; } else if(cntII<text.length) { document.getElementById('sid'+cntII).style.fontSize=40;cntII+=2; } else if(cntIII>=0) { document.getElementById('sid'+cntIII).style.fontSize=10; cntIII-=2; } else if(cntIV>=0) { document.getElementById('sid'+cntIV).style.fontSize=10; cntIV-=2; } else { cnt=0;cntII=1; if(RHucko1<1) { cntIII=text.length-1; T=50; // - Timer is Modified }RHucko1+=1; } setTimeout("modifySpans();",T);}//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->