»
EnglishFrenchVietnamese

Print - Diagonal Fly In effect - JavaScriptBank.com

Full version: jsB@nk » Text » Animation » Diagonal Fly In effect
URL: https://www.javascriptbank.com/diagonal-fly-in-effect.html

Diagonal Fly In effect © JavaScriptBank.comCascades 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



JavaScript
<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-->


HTML
<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-->