»
EnglishFrenchVietnamese

Print - Pulsing Text effect - JavaScriptBank.com

Full version: jsB@nk » Text » Animation » Pulsing Text effect
URL: https://www.javascriptbank.com/pulsing-text-effect.html

Pulsing Text effect © JavaScriptBank.comPulsing Text is effect that makes size of text change continously.

Full version: jsB@nk » Text » Animation » Pulsing Text effect
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-->