Full version: jsB@nk » Text » Animation » Strech Text Effect script
URL: https://www.javascriptbank.com/strech-text-effect-script.html
Strech Text Effect script is just as the name implies... Script changes the letter spacing. Nice Effect.
Full version: jsB@nk » Text » Animation » Strech Text Effect script
URL: https://www.javascriptbank.com/strech-text-effect-script.html
<STYLE type=text/css>SPAN {BACKGROUND-COLOR: black; COLOR: white; FONT-SIZE: 20px; FONT-WEIGHT: bold; LETTER-SPACING: 2px; POSITION: relative; TOP: 0px; Z-INDEX: 1000}DIV {BACKGROUND-COLOR: black; COLOR: white; FONT-SIZE: 20px; FONT-WEIGHT: bold; LETTER-SPACING: 2px; POSITION: relative; TOP: 100px; Z-INDEX: 1000}</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 m=50;var w=m;x=2,y=0,z=0;var time=20;var a="ANOTHER";var b="DIMENSION"; function start(){ if(x<=m){ var e=document.getElementById('sid0').style;/*increase letter-spacing (2-50)*/ e.letterSpacing=x;x+=1;}else if(y==0){/*Change inner text && set x to 2*/ x=2; var e1=document.getElementById('sid0'); with(e1.style) { fontWeight='bold'; fontSize='20'; letterSpacing=x; } e1.innerHTML=a; y=1;}else if(z==0){/*Change inner text && set x to 2*/ x=2; var e1=document.getElementById('sid0'); with(e1.style) { fontWeight='bold'; fontSize='20'; letterSpacing=x; } e1.innerHTML=b; z=1;}else {/*Decrease letter-spacing*/ e2=document.getElementById('sid0'); if(w>=2) { e2.style.letterSpacing=w; w-=1; }time=40;}setTimeout('start();',time);}//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onload=start()><SPAN id=sid0>ENTER</SPAN></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->