Full version: jsB@nk » Text » Animation » Dynamic Intro Message script
URL: https://www.javascriptbank.com/dynamic-intro-message-script.html
Dynamic Intro Message can be used as an effect to spice up any web page. It may also be a splash intro. Visually Appealing. Works Cross-Broswer.
Full version: jsB@nk » Text » Animation » Dynamic Intro Message script
URL: https://www.javascriptbank.com/dynamic-intro-message-script.html
<STYLE type=text/css>BODY .alignment #DHTML #DYNAMIC SPAN {FONT-SIZE: 40px; FONT-WEIGHT: 900; POSITION: relative}</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 str=new Array();var URL="#";str=["JavaScriptBank.com", "Bank of over 2000+ free JavaScripts"];//////////////////////////////////////////////////////////////////////////////////////////////////////////////////var gcount=0;var bool=true,bools=true,toggle=true;var T=10;var negate=40,assert=-40;var Negate=40,Assert=-40;var _wide=1,_Wide=50;var spans;window.onload=init;function init(){ JSBank(); setStr(0);animText();}function setStr(rhucko1){ spans=document.getElementById('DYNAMIC').getElementsByTagName('span'); for(var x=0;x<spans.length;x++) document.getElementById('sid'+x).innerHTML=str[rhucko1];}function animText(){ if(toggle) { for(var x=0;x<spans.length;x++) spans[x].style.visibility="hidden"; toggle=false; } else if(bool) { T=150; with(document.getElementById('sid1').style) { fontSize=50; letterSpacing=1; visibility="visible"; } bool=false; } else if(bools) { T=10; bools=false; } else if(_wide<50) { document.getElementById('sid1').style.letterSpacing=_wide; _wide+=1; } else if(_Wide>1) { document.getElementById('sid0').style.visibility="visible"; document.getElementById('sid2').style.visibility="visible"; document.getElementById('sid0').style.top=Assert; document.getElementById('sid2').style.top=Negate; document.getElementById('sid1').style.letterSpacing=_Wide; _Wide-=1; Assert+=1;Negate-=1; } else if(assert<0) { document.getElementById('sid0').style.visibility="visible"; document.getElementById('sid2').style.visibility="visible"; if(assert==-1) {document.getElementById('sid0').style.visibility="hidden";document.getElementById('sid2').style.visibility="hidden";T=500;} with(document.getElementById('sid0').style) { top=negate; } with(document.getElementById('sid2').style) { top=assert; }assert+=1;negate-=1; } else if(gcount<str.length-1) { _wide=1;_Wide=50; negate=40;Negate=40; assert=-40;Assert=-40; bool=true;bools=true;toggle=true; gcount++; document.getElementById('sid1').style.visibility="hidden"; setStr(gcount); } else if(gcount==str.length-1) document.getElementById('sid1').style.fontSize=75; else { clearIt(); } Timer=setTimeout("animText();",T);}function JSBank(){ document.getElementById('sid1').onclick=RICHARD;}function RICHARD(){ location.href=URL;}function clearIt(){ clearTimeout(Timer);}//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><CENTER class=alignment><DIV id=DHTML><DIV id=DYNAMIC><SPAN id=sid0></SPAN><BR><SPAN id=sid1></SPAN><BR><SPAN id=sid2></SPAN><BR></DIV></DIV></center><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->