Full version: jsB@nk » Text » Animation » Dynamic Substring Effect script
URL: https://www.javascriptbank.com/dynamic-substring-effect-script.html
Dynamic Substring is a cool text effect to add to your site. Modifies Positions of a span tag.
Full version: jsB@nk » Text » Animation » Dynamic Substring Effect script
URL: https://www.javascriptbank.com/dynamic-substring-effect-script.html
<STYLE type=text/css>BODY {BACKGROUND-COLOR: black}SPAN.scripts {COLOR: white; FONT-SIZE: 25px; FONT-WEIGHT: bold; POSITION: relative; VISIBILITY: visible; Z-INDEX: 3}A {COLOR: lightyellow; FONT-SIZE: 20px; FONT-WEIGHT: bold; LETTER-SPACING: 3px}A:hover {COLOR: #00ff00}</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("JavaScriptBank.com", "Bank of over 2000+ free JavaScripts");var POSTOP=50;var POSLEFT=80;var posTP=POSTOP,posTN=-(POSTOP),posLP=POSLEFT,posLN=-(POSLEFT);var gcount=0,bcount=0,fcount=255,bcount2=255,fcount2=0;var count=0;var bool=true;var spans=new Array(5);function Hucko(){ for(var x=0;x<spans.length;x++) { spans[x]=document.getElementById('sid'+x);if(x!=2) setSpanID(x); spans[x].onclick=DYNAMICSCRIPTS; } Richard_Huckos_effect();// - Check Out http://jsbank.topcities.com}function setSpanID(IDno){ switch(IDno) {case 0: with(spans[0].style) { top=POSTOP;visibility="hidden"; } break; case 1: with(spans[1].style) { left=POSLEFT;visibility="hidden"; }break;case 3: with(spans[3].style) { left=-(POSLEFT);visibility="hidden"; }break;case 4: // http://jsbank.topcities.com with(spans[4].style) { top=-(POSTOP);visibility="hidden"; }}}function Richard_Huckos_effect(){ if(posTP>-20&&gcount<message.length) { if(gcount==message.length-1){ with(spans[2].style) { color="#00ff00"; }} spans[4].innerHTML=spans[3].innerHTML=spans[2].innerHTML=spans[1].innerHTML=spans[0].innerHTML=message[gcount]; for(var x=0;x<spans.length;x++) spans[x].style.visibility="visible"; spans[0].style.top=posTP; spans[0].style.left=posLP; spans[1].style.left=posLP; spans[1].style.top=posTP; spans[3].style.left=posLN; spans[3].style.top=posTN; spans[4].style.top=posTN; spans[4].style.left=posLN; posTP--;posLP-=2;posLN+=2;posTN++; } else if(gcount<message.length) { gcount++;posTP=POSTOP,posTN=-(POSTOP),posLP=POSLEFT,posLN=-(POSLEFT); } else if(bool==true) { if(count>=5) bool=false; count++; } else { for(var x=0;x<spans.length;x++) { spans[x]=document.getElementById('sid'+x); if(x!=2) setSpanID(x); }spans[2].style.color="white";if(bcount<255){ document.getElementById('bid0').style.backgroundColor="rgb("+bcount+","+bcount+","+bcount+")"; document.getElementById('sid2').style.color="rgb("+fcount+","+fcount+","+fcount+")"; bcount+=5;fcount+=5;}else if(bcount2>=0){ document.getElementById('bid0').style.backgroundColor="rgb("+bcount2+","+bcount2+","+bcount2+")"; document.getElementById('sid2').style.color="rgb("+fcount2+","+fcount2+","+fcount2+")"; bcount2-=5;fcount2-=5;} clearTimeout('timer'); } timer=setTimeout("Richard_Huckos_effect();",16); // - 2004 Splash Intro Page JavaScript Effect}function DYNAMICSCRIPTS(){ location.replace("http://jsbank.topcities.com");}window.onload=Hucko;</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SPAN class=scripts id=sid0 style="COLOR: blue"></SPAN><BR><SPAN class=scripts id=sid1 style="COLOR: blue"></SPAN><SPAN class=scripts id=sid2></SPAN><SPAN class=scripts id=sid3 style="COLOR: blue"></SPAN><BR><SPAN class=scripts id=sid4 style="COLOR: blue"></SPAN><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->