»
EnglishFrenchVietnamese

Print - Dynamic Text Effects Rule - JavaScriptBank.com

Full version: jsB@nk » Text » Animation » Dynamic Text Effects Rule
URL: https://www.javascriptbank.com/dynamic-text-effects-rule.html

Dynamic Text Effects Rule © JavaScriptBank.comDynamic Text Effects Rule is a Very Subtle Text Effect. It follows by different letters. Interesting none the less. A Nice little script.

Full version: jsB@nk » Text » Animation » Dynamic Text Effects Rule
URL: https://www.javascriptbank.com/dynamic-text-effects-rule.html



CSS
<STYLE type=text/css>SPAN {COLOR: white; FILTER: dropShadow(xpos=10,ypos=10,color=red); FONT-SIZE: 20px; FONT-WEIGHT: bold; HEIGHT: 10%; WIDTH: 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-->


HTML
<SCRIPT language=JavaScript type=text/javascript><!--var spans=new Array();var spans1=new Array();var message1="JavaScriptBank.com - Bank of over 2000+ free JavaScripts";var message="Dynamic Text Effects Rule!!!";var buffer=new Array();var count=0,count1=0;window.onload=createSpans;function createSpans(){  while(count<=message.length){ spans[count]=document.createElement('span');   spans[count].innerHTML=message.substring(count-1,count);    with(spans[count].style)    {      position="relative";visibility="hidden";      left=0;top=0;    }   document.body.appendChild(spans[count]); count++;}  while(count1<=message1.length){ spans1[count1]=document.createElement('span');   spans1[count1].innerHTML=message1.substring(count1-1,count1);    with(spans1[count1].style)    {      position="relative";visibility="hidden";      left=0;top=0;    }   document.body.appendChild(spans1[count1]); count1++;} move(); move1();}var counter=0;var position=0;function move(){  if(position<=100){ spans[counter].style.visibility="visible";  spans[counter].style.left=position;  spans[counter].style.top=position; position+=6;}else if(counter<message.length){ counter+=1;position=0;} setTimeout('move();',1);}var counter1=0;var position1=100;function move1(){  if(position1>=50){ spans1[counter1].style.visibility="visible";  spans1[counter1].style.left=position1-230;  spans1[counter1].style.top=position1; position1-=4;}else if(counter1<message1.length){ counter1+=1;position1=100;} setTimeout('move1();',10);}function disable(){ return false;}document.oncontextmenu=disable;//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->