»
EnglishFrenchVietnamese

Print - Move Text Effect script - JavaScriptBank.com

Full version: jsB@nk » Text » Animation » Move Text Effect script
URL: https://www.javascriptbank.com/move-text-effect-script.html

Move Text Effect script © JavaScriptBank.comMove Text Effect script is an Interesting Effect that Fades as well as changes color and size.

Full version: jsB@nk » Text » Animation » Move Text Effect script
URL: https://www.javascriptbank.com/move-text-effect-script.html



CSS
<STYLE type=text/css>.sid {BACKGROUND-COLOR: transparent; COLOR: white; FONT-FAMILY: verdana; FONT-SIZE: 20px; FONT-WEIGHT: bold; POSITION: relative; VISIBILITY: hidden; Z-INDEX: 1}BODY {BACKGROUND-COLOR: black}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=JavaScript type=text/javascript><!--var T=1;var num=3; //num=number of HTML elements...var x=0,y=0,z=0;TOP=50,a=0,b=255,c=0,i=0;var COLOR=0;window.onload=start;  function start(){  if(TOP<=90){  e=document.getElementById("sid"+x);        e.style.visibility="visible";e.style.color="rgb("+COLOR+","+COLOR+","+COLOR+")";  e.style.top=TOP;COLOR+=10;  TOP+=1;}else{  if(x<num-1)   {   e.style.color="rgb(255,255,255)";   x+=1; COLOR=0;        TOP=0; }else{  e=document.getElementById("sid"+y);   if(y<num) {   T=100;   e.style.color='red';   y+=1; }  else if(z<num) {    e=document.getElementById("sid"+z);   e.style.color='white'; z+=1; }else{    while(a<num)     {        e=document.getElementById('sid'+a);      e.style.fontSize=40;      a+=1;     }  if(b>=0)   {    T=1;e=document.getElementById('sid'+i);      document.getElementById("sid"+i).style.color="rgb("+b+","+b+","+b+")";b-=10;   } else {   e=document.getElementById('sid'+i);   if(i<num-1)i+=1;b=255;e.style.visibility='hidden'; }}}}setTimeout("start();",T);}//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<SPAN class=sid id=sid0>JavaScriptBank.com </SPAN><SPAN class=sid id=sid1> - </SPAN><SPAN class=sid id=sid2>Bank of over 2000+ free JavaScripts</SPAN><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->