Full version: jsB@nk » Text » Writting » Multiple DHTML Stretch Effect
URL: https://www.javascriptbank.com/multiple-dhtml-stretch-effect.html
Multiple DHTML Stretch is a CROSS-BROWSER Splash Page that displays phrases in three layers, then stretches each layer at the end. Any amount of phrases may be used.
Full version: jsB@nk » Text » Writting » Multiple DHTML Stretch Effect
URL: https://www.javascriptbank.com/multiple-dhtml-stretch-effect.html
<style type="text/css"><!--span.EFFECT { font-weight:900;}--></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 message=new Array("Welcome to a Place of . . .","Dynamic JavaScripts . . .","Splash Intro Pages . . .","Fading Effects . . .","and DHTML Scripting","JavaScriptBank.com");var amtl=new Array(0,10,20),amtt=new Array(0,-15,-30),zindex=new Array(1,2,3),fsize=new Array(20,25,30),colors=new Array("darkblue","blue","lightblue"),lspacing=new Array(0,6,8);var T; // - Timervar time=new Array(1100,30,20,10);var gcount=0; // - Global Counter loops through message array . . .var lcount=0; // - Local Counter loops through span's properties . . .var _lscount;var lscounterMin=lspacing[0],lscounter=lscounterMin,lscounterMax=new Array(15,20,30);var spans=new Array();var bool=true;window.onload=main;function main(){ T=time[0]; DHTML_Recursion();}function DHTML_Recursion(){ spans=document.getElementById('did0').getElementsByTagName('span'); if(gcount<message.length) { for(var x=0;x<spans.length;x++) spans[x].innerHTML=message[gcount]; gcount++; } else if(lscounter<=lscounterMax[lcount]) { T=time[lcount+1]; if(lcount!=spans.length)spans[lcount].style.letterSpacing=lscounter; if(lcount!=0)spans[lcount-1].style.letterSpacing=_lscount; _lscount--; lscounter++; } else if(lcount<spans.length) { lcount++; _lscount=lscounterMax[lcount-1]; lscounter=lspacing[lcount]; } else if(bool)// - Dynamic Script By RHucko1 { T=800; for(var x=0;x<spans.length-1;x++) spans[x].style.visibility="hidden"; // - Created By RHUCKO1 spans[spans.length-1].style.letterSpacing=1; bool=false; } else { spans[spans.length-1].style.letterSpacing=lscounterMax[lscounterMax.length-1]; spans[spans.length-1].style.fontSize=eval(fsize[fsize.length-1]+10); }setTimeout("DHTML_Recursion();",T);}//--></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><div id='did0'> <script language="JavaScript" type="text/javascript"> <!-- for(var x=0;x<3;x++) document.write("<center><span class='EFFECT' style='position:relative;left:"+amtl[x]+";top:"+amtt[x]+";z-index:"+zindex[x]+";font-size:"+fsize[x]+";color:"+colors[x]+";letter-spacing:"+lspacing[x]+";' id='sid"+x+"'></span>"+"<br /></center>"); //--> </script> <br /><br /> <center> <a href="http://JavaScriptBank.com/">`~ E N T E R ~'</a> </center> </div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->