JavaScripti >> Efekti s tekstom >> Star Wars tekst
Opis: Skripta prikazuje tekst v taki obliki, kot je ponavadi na začetku filmov Star Wars.
Primer: Za primer kliknite TUKAJ. Izvorna koda:
<style> .vline {font-size: 0; margin: 0} .line {font-size: 0; margin: 0; display: none} </style>
Korak 2: Ta del kode vstavite v <body> del strani:
<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">Iščete zastonj JavaScripte?</p> <p id="p8" class="line">Ne bo vam jih potrebno</p> <p id="p9" class="line">iskati po oddaljenih galaksijah!</p> <p id="p10" class="line">Najdite vse skripte,</p> <p id="p11" class="line">ki jih iščete</p> <p id="p12" class="line">na Smrkec.com</p> <p id="p13" class="line">Na tej strani boste našli tudi</p> <p id="p14" class="line">veliko število tujih in</p> <p id="p15" class="line">slovenskih besedil,</p> <p id="p16" class="line">vsak dan sveže novice,</p> <p id="p17" class="line">IRC klepet,</p> <p id="p18" class="line">nekaj o skejtanju,</p> <p id="p19" class="line">vse za vašo spletno stran,</p> <p id="p20" class="line">Top lestvico,</p> <p id="p21" class="line">...</p> <p id="p22" class="line">In še mnogo drugih stvari!</p> <p id="p23" class="line"><(:::)></p> <p id="p24" class="line"></p> </div> <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>