Full version: jsB@nk » Text » Fade-Glow » New Creation effect
URL: https://www.javascriptbank.com/new-creation-effect.html
New Creation is a combination of many of my previous effects. Great for an Intro Page or a Flashy Header! Browser Supported: IE 5.5+, NS 7+, Mozilla 1.2+
Full version: jsB@nk » Text » Fade-Glow » New Creation effect
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-->