Full version: jsB@nk » Text » Animation » Diagonal Fly In effect
URL: https://www.javascriptbank.com/diagonal-fly-in-effect.html
Cascades a header diagonally into view and some bonus effects. Created for Internet Explorer 5.5+. Dsiplays well in Gecko-Based Browsers like Netscape 7 and Mozilla 1.2+. Works Best in IE 5.5+ and Opera 7+.
Full version: jsB@nk » Text » Animation » Diagonal Fly In effect
URL: https://www.javascriptbank.com/diagonal-fly-in-effect.html
<script language="JavaScript" type="text/javascript"><!--var message="JavaScriptBank.com - Bank of over 2000+ free JavaScripts";var MAXIMUM=5;var MOVEPOS=150;var INTERVALSTEPS=5;var FONTSIZE=30;var EndingFontSize=40;var COLOR=new Array("#00ff00","darkblue","gray","lightyellow","white"); // -Make sure the number of colors match the MAXIMUM variablevar GlobalT=buffer=10, GlobalT2=300;/* Counters */var IDNo=colorCount=HUCKO=0;var cntrTop=cntrDisp=1;var bool=booleanVar=booleanVal=endBool=true;/* End Counters */window.onload=DynamicScripts_Main;function DynamicScripts_Main(){ Dynamic_Write_Spans();RHUCKO1_Anim_Spans();}document.title="Dynamic Scripts"+" by"+""+" DynamicScripts.net"+""+" DHTML"+" & "+"JavaScript "+"Effects";function Dynamic_Write_Spans(){ for(var Scripts=0; Scripts<MAXIMUM; Scripts++) document.getElementById('JAVASCRIPTS'+Scripts).innerHTML=message;}function RHUCKO1_Anim_Spans(){ if(HUCKO<MOVEPOS) { document.getElementById('JAVASCRIPTS'+0).style.zIndex=1; with(document.getElementById('JAVASCRIPTS'+IDNo).style) { left=HUCKO; top=HUCKO;visibility="visible"; } HUCKO+=INTERVALSTEPS; } else if(IDNo<MAXIMUM-1) { IDNo++;HUCKO=0; } else if(bool) { bool=false; } else if(colorCount<COLOR.length) { GlobalT=GlobalT2; for(var DynX=1;DynX<MAXIMUM;DynX++) document.getElementById('JAVASCRIPTS'+DynX).style.visibility="hidden"; for(var DynID=0;DynID<MAXIMUM;DynID++) { with(document.getElementById('JAVASCRIPTS'+DynID).style) { left=0; width=100+"%"; textAlign="center"; } document.getElementById('JAVASCRIPTS'+DynID).style.position=(navigator.appName=="Netscape")?"absolute":"relative"; document.getElementById('SecondPhrase').style.top=(navigator.appName=="Netscape")?50:0; }document.getElementById('JAVASCRIPTS'+0).style.color=COLOR[colorCount];colorCount++; } else if(booleanVar) { for(var DynY=0;DynY<MAXIMUM;DynY++) document.getElementById('JAVASCRIPTS'+DynY).style.top=0;booleanVar=false; } else if(cntrTop<MAXIMUM) { document.getElementById('JAVASCRIPTS'+cntrTop).style.visibility='visible'; cntrTop++; } else if(cntrDisp<MAXIMUM) { document.getElementById('JAVASCRIPTS'+cntrDisp).style.display="none"; cntrDisp++; } else if(booleanVal) { GlobalT+=100; document.getElementById('JAVASCRIPTS'+0).style.fontSize=EndingFontSize; booleanVal=false; } else if(endBool) { GlobalT=buffer; document.getElementById('SecondPhrase').style.display="block"; endBool=false; } setTimeout("RHUCKO1_Anim_Spans();",GlobalT);}//JavaScript, LiveScript, JScript, and DHTML . . .//--></script><!-- 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"><!--for(var RHucko1=0;RHucko1<MAXIMUM;RHucko1++) document.write("<span id='JAVASCRIPTS"+RHucko1+"' style='position:absolute;color:"+COLOR[RHucko1]+";z-index:0;font-weight:bold;font-size:"+FONTSIZE+";visibility:hidden;'></span>");//--></script><div id="SecondPhrase" style="display:none;position:relative;color:white;text-align:center;font-size:25px;">In a land of Static content Dynamic Scripts Rule!!!</div></fieldset><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->