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