Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ động phức tạp
URL: https://www.javascriptbank.com/new-creation-effect.html
Hiệu ứng tạo một dòng chữ có khả năng động đậy rất phức tạp trên trang web, dòng chữ này có khả năng đổi từng kí tự, tăng giảm kích thước và co dãn khác nhau tùy từng thời điểm">thời điểm.
Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ động phức tạp
URL: https://www.javascriptbank.com/new-creation-effect.html
<script language="JavaScript" type="text/javascript"><!--// - Modify Variables to your liking...var T=50; // - Number in Milliseconds; higher for slower run through and lower for faster run throughvar STRINGS="JavaScriptBank.com!!!";var NUM_RUN="2"; // -Number of times to run... each run equals back and forth + last run fowardvar TMPVAR=new Array("*","!","^","$","#"); // - Randomly runs through these charactersvar MINSIZE=40;var MAXSIZE=70;// - End Modifyvar temps=T;var SPACE="<b style='visibility:hidden;'>_</b>";var timer="",bool=bool1=bool2=true;var DYNAMIC_HTML_=1;var RHUCKO1=RHUCKO2=RHUCKO3=RHUCKO4=RHUCKO5=0;window.onload=DHTML_SCRIPTS_HAWAII;function DHTML_SCRIPTS_HAWAII(){ STRINGS+=" "; NUM_RUN-=1; for(var JAVASCRIPTS=0;JAVASCRIPTS<STRINGS.length;JAVASCRIPTS+=1) RICHARD_HUCKO_KANEOHE_HAWAII(JAVASCRIPTS); changeTo();}function RICHARD_HUCKO_KANEOHE_HAWAII(DEVELOPER){ var DEVELOPMENT=eval(DEVELOPER+1); var DYNAMICSCRIPTS=document.createElement('span');with(DYNAMICSCRIPTS.style){ color="white";textAlign="center";fontSize=MINSIZE+"px";position="relative";width=10+"px";filter="glow(color=green,strength=10)";}if(STRINGS.substring(DEVELOPMENT-1,DEVELOPMENT-2)==" "||DEVELOPMENT==1) DYNAMICSCRIPTS.style.textDecoration="underline"; with(DYNAMICSCRIPTS){ id="SCRIPTING"+DEVELOPER;onclick=KICK_ASS_JAVASCRIPTS;if(STRINGS.substring(DEVELOPMENT,DEVELOPMENT-1)==" ")innerHTML=SPACE; else innerHTML=STRINGS.substring(DEVELOPMENT, DEVELOPMENT-1);}document.getElementById('DYNAMIC_WEB_DEVELOPMENT--001').appendChild(DYNAMICSCRIPTS);}var sequential_count=0, sequential_count1=STRINGS.length-1;var acount=0;function changeTo(){rand=Math.floor(Math.random()*TMPVAR.length); x=sequential_count;y=sequential_count1; if(sequential_count<STRINGS.length&&sequential_count>0){ document.getElementById('SCRIPTING'+sequential_count).innerHTML=TMPVAR[rand];if(STRINGS.substring(x,x-1)!=" ") document.getElementById('SCRIPTING'+eval(sequential_count-1)).innerHTML=STRINGS.substring(x,x-1);elsedocument.getElementById('SCRIPTING'+eval(sequential_count-1)).innerHTML=SPACE;sequential_count++;}else if(sequential_count==0){ document.getElementById('SCRIPTING'+sequential_count).innerHTML=TMPVAR[rand]; sequential_count++;}else if(sequential_count==STRINGS.length){ document.getElementById('SCRIPTING'+eval(sequential_count-1)).innerHTML=STRINGS.substring(STRINGS.length,STRINGS.length-1); sequential_count++;}// -Reverseelse if(sequential_count1>0&&sequential_count1<STRINGS.length-1){ document.getElementById('SCRIPTING'+sequential_count1).innerHTML=TMPVAR[rand];if(STRINGS.substring(sequential_count1,sequential_count1+1)!=" ") document.getElementById('SCRIPTING'+eval(y+1)).innerHTML=STRINGS.substring(y,y+1);elsedocument.getElementById('SCRIPTING'+eval(sequential_count1+1)).innerHTML=SPACE;sequential_count1--;}else if(sequential_count1==STRINGS.length-1){ document.getElementById('SCRIPTING'+sequential_count1).innerHTML=TMPVAR[rand]; sequential_count1--;}else if(sequential_count1==0){ document.getElementById('SCRIPTING'+0).innerHTML=STRINGS.substring(0,0);document.getElementById('SCRIPTING'+1).innerHTML=STRINGS.substring(0,1); sequential_count1--;}else if(RHUCKO1<STRINGS.length){ with(document.getElementById('SCRIPTING'+RHUCKO1).style){ position="absolute";}RHUCKO1++;}else if(RHUCKO2<STRINGS.length){ with(document.getElementById('SCRIPTING'+RHUCKO2).style){ position="relative";}RHUCKO2++;}// - Title: New Creation, Browsers: Internet Explorer 5+, Netscape 7+, Mozilla 1.2+else if(acount<NUM_RUN){ sequential_count=0;sequential_count1=STRINGS.length-1;acount++;}else if(bool){ sequential_count=0;bool=false;}else if(bool1){T=500; while(RHUCKO3<STRINGS.length) { posAbs(RHUCKO3);RHUCKO3++; } bool1=false;}else if(bool2){ while(RHUCKO4<STRINGS.length) { posRel(RHUCKO4);RHUCKO4++; } bool2=false;}else if(RHUCKO5<MAXSIZE){ T=25; for(var DHTML=0;DHTML<STRINGS.length;DHTML++){ document.getElementById('SCRIPTING'+DHTML).style.fontSize=RHUCKO5; RHUCKO5++;}} timer=setTimeout('changeTo();',T);}function KICK_ASS_JAVASCRIPTS(){ location.href="h"+"t"+"tp:"+"/"+"/"+"Dy"+"n"+"amicS"+"cri"+"pt"+"s.n"+"et";}function posRel(HAWAII){ with(document.getElementById('SCRIPTING'+HAWAII).style){ position="relative";}}function posAbs(HAWAII){ with(document.getElementById('SCRIPTING'+HAWAII).style){ position="absolute";}}//--></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><div id="DYNAMIC_WEB_DEVELOPMENT--001" name="DHTML_SCRIPT_DESIGN--001" style="text-align: center;"> <span style="color: white; text-align: center; width: 10px; text-decoration: underline; position: relative; font-size: 66px;" id="SCRIPTING0">D</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 67px;" id="SCRIPTING1">H</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 68px;" id="SCRIPTING2">T</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 69px;" id="SCRIPTING3">M</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 70px;" id="SCRIPTING4">L</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 71px;" id="SCRIPTING5"><b style="visibility: hidden;">_</b></span> <span style="color: white; text-align: center; width: 10px; text-decoration: underline; position: relative; font-size: 72px;" id="SCRIPTING6">S</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 73px;" id="SCRIPTING7">c</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 74px;" id="SCRIPTING8">r</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 75px;" id="SCRIPTING9">i</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 76px;" id="SCRIPTING10">p</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 77px;" id="SCRIPTING11">t</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 78px;" id="SCRIPTING12">s</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 79px;" id="SCRIPTING13"><b style="visibility: hidden;">_</b></span> <span style="color: white; text-align: center; width: 10px; text-decoration: underline; position: relative; font-size: 80px;" id="SCRIPTING14">R</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 81px;" id="SCRIPTING15">u</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 82px;" id="SCRIPTING16">l</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 83px;" id="SCRIPTING17">e</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 84px;" id="SCRIPTING18">!</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 85px;" id="SCRIPTING19">!</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 86px;" id="SCRIPTING20">!</span> <span style="color: white; text-align: center; width: 10px; position: relative; font-size: 87px;" id="SCRIPTING21"></span></div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->