e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Velikost besedila

Koda:
<script type="text/javascript">
velikost=0
najvecja=100

function gremo()
{
if (velikost<najvecja)
	{
	pisi.style.fontSize=velikost + "px"
	velikost++
	timer=setTimeout("gremo()",100)
	}
}

function stop()
{
clearTimeout(timer)
}
</script>

<body onload="gremo()" onunload="stop()">
<p id="pisi" style="height:150px">MARIBOR</p>
Izgled v
brskalniku:

MARIBOR

Razlaga: Po naložitvi strani se zažene skript z imenom gremo(). Ta funkcija najprej poišče element z id pisi (v našem primeru je to element p s vsebino MARIBOR). Temu elementu nato s pomočjo CSS spremeni lastnost font-size (v JavaScript se ta lastnost imenuje fontSize). Novo vrednost za to lastnost sestavi iz spremenjlivke velikost in enote "px". Funkcija nato poveča spremenljivko velikost za 1, nato pa pokliče sama sebe z 10–milisekundnim zamikom. Ko se bo funkcija vnovič zagnala, se bo napis MARIBOR znova za malenkost povečal. To se ponavlja, dokler velikost ne doseže spremenljivke največja ali dokler se stran ne "osvobodi" (onunload se naloži kakšna druga stran, se pokliče funkcija stop(), ki odstrani timer, ki bi povzročil ponovitev funkcije gremo()).

SERŠ Maribor : Strokovna gimnazija : 2004 : Nejc Dolinar