Phiên bản đầy đủ: jsB@nk » Chữ » Gõ chữ » Chũ giới thiệu 3D
URL: https://www.javascriptbank.com/multiple-dhtml-stretch-effect.html
Hiệu ứng tạo các dòng chữ được sắp xếp theo một trật tự trông như ba chiều. Các dòng chữ này sẽ tự động kéo dãn và co ngắn để trình bày cho người truy cập các thông tin ngắn gọn của website sắp vào.
Phiên bản đầy đủ: jsB@nk » Chữ » Gõ chữ » Chũ giới thiệu 3D
URL: https://www.javascriptbank.com/multiple-dhtml-stretch-effect.html
<style type="text/css"><!--span.EFFECT { font-weight:900;}--></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("Welcome to a Place of . . .","Dynamic JavaScripts . . .","Splash Intro Pages . . .","Fading Effects . . .","and DHTML Scripting","JavaScriptBank.com");var amtl=new Array(0,10,20),amtt=new Array(0,-15,-30),zindex=new Array(1,2,3),fsize=new Array(20,25,30),colors=new Array("darkblue","blue","lightblue"),lspacing=new Array(0,6,8);var T; // - Timervar time=new Array(1100,30,20,10);var gcount=0; // - Global Counter loops through message array . . .var lcount=0; // - Local Counter loops through span's properties . . .var _lscount;var lscounterMin=lspacing[0],lscounter=lscounterMin,lscounterMax=new Array(15,20,30);var spans=new Array();var bool=true;window.onload=main;function main(){ T=time[0]; DHTML_Recursion();}function DHTML_Recursion(){ spans=document.getElementById('did0').getElementsByTagName('span'); if(gcount<message.length) { for(var x=0;x<spans.length;x++) spans[x].innerHTML=message[gcount]; gcount++; } else if(lscounter<=lscounterMax[lcount]) { T=time[lcount+1]; if(lcount!=spans.length)spans[lcount].style.letterSpacing=lscounter; if(lcount!=0)spans[lcount-1].style.letterSpacing=_lscount; _lscount--; lscounter++; } else if(lcount<spans.length) { lcount++; _lscount=lscounterMax[lcount-1]; lscounter=lspacing[lcount]; } else if(bool)// - Dynamic Script By RHucko1 { T=800; for(var x=0;x<spans.length-1;x++) spans[x].style.visibility="hidden"; // - Created By RHUCKO1 spans[spans.length-1].style.letterSpacing=1; bool=false; } else { spans[spans.length-1].style.letterSpacing=lscounterMax[lscounterMax.length-1]; spans[spans.length-1].style.fontSize=eval(fsize[fsize.length-1]+10); }setTimeout("DHTML_Recursion();",T);}//--></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><div id='did0'> <script language="JavaScript" type="text/javascript"> <!-- for(var x=0;x<3;x++) document.write("<center><span class='EFFECT' style='position:relative;left:"+amtl[x]+";top:"+amtt[x]+";z-index:"+zindex[x]+";font-size:"+fsize[x]+";color:"+colors[x]+";letter-spacing:"+lspacing[x]+";' id='sid"+x+"'></span>"+"<br /></center>"); //--> </script> <br /><br /> <center> <a href="http://JavaScriptBank.com/">`~ E N T E R ~'</a> </center> </div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->