Phiên bản đầy đủ: jsB@nk » Chữ » Hoạt hóa » Chữ nối từng kí tự
URL: https://www.javascriptbank.com/dynamic-text-effects-rule.html
Hiệu ứng tạo ra hai chuỗi văn bản được tŕnh bày bằng cách từng kí tự bay theo hai hướng từ trên xuống và từ dưới lên.
Phiên bản đầy đủ: jsB@nk » Chữ » Hoạt hóa » Chữ nối từng kí tự
URL: https://www.javascriptbank.com/dynamic-text-effects-rule.html
<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--><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-->