e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
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