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

onmouseover

Koda: 
<script>
function gor()
{
document.getElementById("toti").style.color="red"
document.getElementById("toti").style.textTransform="uppercase"
}
function dol()
{
document.getElementById("toti").style.color="#333"
document.getElementById("toti").style.textTransform="none"
}
</script>

<h2 onmouseover="gor()" onmouseout="dol()" id="toti">
Pomakni miško Čez to besedilo</h2>
Izgled v
brskalniku:

Pomakni miško čez to besedilo
Razlaga: Znotraj scripta določimo dve funkciji, gor in dol. V funkciji gor definiramo barvo z ukazom toti.style.color='red' in tip črk z ukazom toti.style.textTransform='uppercase'. Kasneje z ukazom onmouseover pokličemo funkcijo gor. Funkcija dol spremeni barvo pisave v belo in privzet tip črk. Kasneje funkcijo pokličemo z ukazom onmouseup.
Koda: 
<script>
function text(barva,pisava)
{
document.getElementById("druga").style.color=barva
document.getElementById("druga").style.textTransform=pisava
}
</script>

<h2 id="druga" onmouseover="text('red','uppercase')"
onmouseout="text('#333','none')">Druga rešitev</h2>
Izgled v
brskalniku:

Druga rešitev
Razlaga: Pri drugem načinu za spreminjanje barve in tipa črk si pomagamo z enakimi ukazi vendar potrebujemo samo eno funkcijo. Znotraj funkcije določimo barvo z lastnostjo style.color="barva" in pisavo z lastnostjo style.textTransform="pisava". Kasneje z dogodkoma onmouseover in onmouseup kličenmo funkcije, k določijo barvo in tip pisave.

gor Gor     e-gradiva     JavaScript     Primeri     Dogodki

SERŠ Maribor : Strokovna gimnazija : 2004 : Davorin Lenart