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

Velike in male črke

Koda: 
<p onmouseover="this.style.textTransform='lowercase'"
onmouseout="this.style.textTransform=''">To je JavaScript</p>
<p onmouseover="this.style.textTransform='uppercase'"
onmouseout="this.style.textTransform=''">To je JavaScript</p>
Izgled v
brskalniku:

To je JavaScript

To je JavaScript
Razlaga: Ob dogodku onmouseover (prečkanje z miško), se bo spremenil slog teksta. V prvem primeru se bodo velike črke pretvorile v male, v drugem pa se bodo vse črke pretvorile v velike. To nam omogoča stavek this.style.textTransform="...". Spremenjena je bila lastnost CSS text-transform. V JavaScript se to zapiše kot textTransform, besedi morata biti ločeni z veliko črko, saj JavaScript ne dovoljuje uporabo vezajev.

gor Gor     e-gradiva     JavaScript     Primeri

SERŠ Maribor : Strokovna gimnazija : 2004 : Matej Vogrinčič