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

Tresenje

Koda: 
<script type="text/javascript">
var timer
function levo()
{
document.getElementById("smesko").style.position="relative"
document.getElementById("smesko").style.left="3"
timer=setTimeout("desno()",10)
}

function desno()
{
document.getElementById("smesko").style.position="relative"
document.getElementById("smesko").style.left="0"
timer=setTimeout("levo()",10)
}

function stopt()
{
clearTimeout(timer)
}
</script>

<p>Postavi miško nad sliko</p>

<img id="smesko" src="smesko.gif" onmouseover="levo()"
onmouseout="stopt()" alt=":)" />
Izgled v
brskalniku:

Postavi miško nad sliko

:)
Razlaga: Ko se z miško dotaknemo slike, se najprej požene funkcija levo. Pozicija slike je relativna in funkcija levo jo premakne za tri enote v levo. Po določenem kratkem časovnem zamiku se pokliče funkcija desno, ki postavi sliko v prvotno stanje. To se ponavlja in povzroči vizualni učinek tresenja.

gor Gor     e-gradiva     JavaScript     Primeri

SERŠ Maribor : Strokovna gimnazija : 2004 : Davorin Lenart