»
Tiếng AnhTiếng PhápTiếng Việt

In - Chữ to và nhỏ - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Chữ » Hoạt hóa » Chữ to và nhỏ
URL: https://www.javascriptbank.com/pulsing-text-effect.html

Chữ to và nhỏ © JavaScriptBank.comHiệu ứng tạo ra hai dòng chữ, khi kích thước của dòng chữ này nhỏ dần thì dòng chữ kia sẽ to dần và ngược lại.

Phiên bản đầy đủ: jsB@nk » Chữ » Hoạt hóa » Chữ to và nhỏ
URL: https://www.javascriptbank.com/pulsing-text-effect.html



JavaScript
<script><!--var j=5;var step=2;var col1="silver";var col2="DARKSLATEGRAY";var tmp;function pulsingtext(){ document.all.txt1.innerHTML="<span style='font-size:"+j+"px;color:"+col1+";'>Pulsing text</span>"; document.all.txt2.innerHTML="<span style='font-size:"+(105-j)+"px;color:"+col2+"'>Pulsing text</span>"; j+=step; if (j>100 || j<5) {step=-step;tmp=col1;col1=col2;col2=tmp;} setTimeout("pulsingtext()",60);}pulsingtext();//--></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<div id="txt1" style="position: absolute; width: 100%; top: 20%; text-align: center; font-family: Comic Sans MS; font-weight: bold;"></div><div id="txt2" style="position: absolute; width: 100%; top: 60%; text-align: center; font-family: Comic Sans MS; font-weight: bold;"></div><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->