Phiên bản đầy đủ: jsB@nk » Chữ » Mô phỏng » Chữ nhỏ dần
URL: https://www.javascriptbank.com/starwar-text-effect.html
Hiệu ứng sẽ làm cho chữ có kích thước nhỏ dần. Hiệu ứng giống như đoạn giới thiệu trong bộ phim nổi tiếng Stars War.
Phiên bản đầy đủ: jsB@nk » Chữ » Mô phỏng » Chữ nhỏ dần
URL: https://www.javascriptbank.com/starwar-text-effect.html
<style>.vline {font-size: 0; margin: 0}.line {font-size: 0; margin: 0; display: none}</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<script>var ti, cnt, fv = 0;function handler(){var i, sz;cnt++;if (fv >= 24) clearInterval(ti);var mx = fv+8;if (mx >= 24) mx = 24;for (i = fv; i < mx; i++){sz = -cnt*2 + i * 10;if (sz <= 0){fv = i + 1;document.all("p" + i).className = "line";}else if (sz <= 80){document.all("p" + i).style.fontSize = sz + "pt";document.all("p" + i).className = "vline";}}}function init(){document.all.p4.className = "vline";cnt = 0;ti = setInterval("handler()", 100);}init();</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<div style="position: absolute; left: -100%; top: 20%; width: 300%; height: 80%; overflow: hidden; text-align: center;"><p id="p0" class="line"> </p><p id="p1" class="line"> </p><p id="p2" class="line"> </p><p id="p3" class="line"> </p><p id="p4" class="line"> </p><p id="p5" class="line"> </p><p id="p6" class="line"> </p><p id="p7" class="line">Looking for free scripts?</p><p id="p8" class="line">Well you don't have</p><p id="p9" class="line">travel to a distant galaxy!</p><p id="p10" class="line">Get all the free scripts</p><p id="p11" class="line">you can handle</p><p id="p12" class="line">at JavaScriptBank.com</p><p id="p13" class="line"> </p><p id="p14" class="line"> </p><p id="p15" class="line"> </p><p id="p16" class="line">Looking for free scripts?</p><p id="p17" class="line">Well you don't have</p><p id="p18" class="line">travel to a distant galaxy!</p><p id="p19" class="line">Get all the free scripts</p><p id="p20" class="line">you can handle</p><p id="p21" class="line">at JavaScriptBank.com</p><p id="p22" class="line"> </p><p id="p23" class="line"> </p></div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->