e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
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