Koodi

Tämä tulee HEAD-osastoon

<script type="text/javascript">
function ylos()
{
  document.linkkikuva.src="../kuvat/ringbull.gif"
}
function alas()
{
  document.linkkikuva.src="../kuvat/wap.gif"
}

function ylos2()
{
  document.linkkikuva2.src="../kuvat/net2.gif"
}
function alas2()
{
  document.linkkikuva2.src="../kuvat/wap.gif"
}

// seuraa lisäesimerkin funktiot:


function ylos3()
{
  document.linkkikuva3.src="../kuvat/ringbull.gif"
}
function alas3()
{
  document.linkkikuva3.src="../kuvat/wap.gif"
}

function ylos4()
{
  document.linkkikuva4.src="../kuvat/net2.gif"
}
function alas4()
{
  document.linkkikuva4.src="../kuvat/wap.gif"
}
</script>

Tämä tulee BODY-osastoon

//Tässä käytetään kahta ensimmäistä funktioparia.
<div align="center">
<a href="javascript:self.close()" onmouseover="ylos()"
 onmouseout="alas()"><img src="../kuvat/wap.gif" name="linkkikuva"
 border="0" alt="Linkin aktivoiminen sulkee tämän ikkunan" align="middle" /></a>
[ Sulje ikkuna ]
</div>
<div align="right">
<a href="../../../" onmouseover="ylos2()"
 onmouseout="alas2()"><img src="../kuvat/wap.gif" name="linkkikuva2" border="0"
 alt="Weppipakin pääsivulle" align="middle" /></a> [ Weppipakin pääsivulle ]
</div>

Tulos

[ Sulje ikkuna ]

[ Weppipakin pääsivulle ]

Lisäesimerkki

Esimerkki, jossa eri vaihtuvan kuvan paikka

//Tässä käytetään kahta viimeistä funktioparia.
<div align="center">
<a href="javascript:self.close()" onmouseover="ylos3()"
 onmouseout="alas3()"><img src="../kuvat/wap.gif" name="linkkikuva4"
 border="0" alt="Linkin aktivoiminen sulkee tämän ikkunan" align="middle" /></a>
[ Sulje ikkuna ]
</div>
<div align="right">
<a href="../../../" onmouseover="ylos4()"
 onmouseout="alas4()"><img src="../kuvat/wap.gif" name="linkkikuva3" border="0"
 alt="Weppipakin pääsivulle" align="middle" /></a> [ Weppipakin pääsivulle ]
</div>

Tulos

[ Sulje ikkuna ]

[ Weppipakin pääsivulle ]