| e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
![]() |
|||||||||
| SERŠ Maribor | Iskanje | Primeri | |||||||
| Koda: |
<script type="text/javascript">
//hitrost klicanja v ms
var hitrost=130
//napis
var napis="SER\u0160 Maribor"
//druŽina pisave
pisava="Comic Sans MS"
//velikost besedila
var velikost="17"
//barva besedila
var barva="green"
//začetna vrednost
var i="0"
function razmiki()
{
var razmik=new Array()
razmik[1]="0pt"
razmik[2]="3pt"
razmik[3]="6pt"
razmik[4]="10pt"
razmik[5]="15pt"
razmik[6]="22pt"
razmik[7]="25pt"
razmik[8]="22pt"
razmik[9]="15pt"
razmik[10]="10pt"
razmik[11]="6pt"
razmik[12]="3pt"
razmik[13]="0pt"
razmik[14]="-5pt"
razmik[15]="-7pt"
razmik[16]="-5pt"
razmik[17]="-4pt"
razmik[18]="-3pt"
razmik[19]="-2pt"
razmik[20]="-1pt"
i=(i==20)?1:++i
document.getElementById("M1").style.letterSpacing=razmik[i]
document.getElementById("M1").style.fontSize=velikost +"pt"
document.getElementById("M1").style.color=barva
document.getElementById("M1").style.fontFamily=pisava
document.getElementById("M1").firstChild.nodeValue=napis
setTimeout("razmiki()",hitrost)
}
window.onload=razmiki
</script>
<p id="M1"></p>
|
|---|---|
| Izgled v brskalniku: |
|
| Razlaga: |
Najprej določimo konstante kot so hitrost, napis, pisava... V niz razmik nato določimo razdalje med znaki. Nato določimo zaporedno številko premika, ki se nanaša na niz razmik. Potem
besedilu določimo, že prej navedeno, barvo itd. Na koncu pa z postopkom setTimeout kličemo funkcijo. Z ukazom windows.onload pa kličemo funkcijo, ko se stran v celoti naloži.
|
SERŠ Maribor : Strokovna gimnazija : 2004 : Neven Šrok