Tieto dve javascriptové funkcie menia pri prejazde myšou nad určenými tagmi farbu písma a zdroj obrázku. Viac snáď vysvetlí priložený obrázok. Názov obrázku sa poskladá z id príslušného html tagu a prípony .png. Predstavte si, že nad anglickou vlajkou stojím kurzorom myšky - zmení sa na plnofarebnú a zároveň sa zmení farba anglického textu na červený. Funguje to aj opačne, keď prejdem ponad text, vyfarbí sa vlajka.

function mOver(id) {
 document.getElementById("href_" + id).style.color = "#e72a2e";
 document.getElementById("flag_" + id).src = "fileadmin/img/"+id+".png";
}

function mOut(id) {
 document.getElementById("href_" + id).style.color = "#0457aa";
 document.getElementById("flag_" + id).src = "fileadmin/img/"+id+"_2.png";
}

Samozrejme nesmieme zabudnúť meniacim sa tagom priradiť id a nastavit akcie onmouseover a onmouseout, napríklad takto:

...
<a href="index.php?id=5" id="href_sk"
 onmouseover="mOver('sk');" onmouseout="mOut('sk');">
 honorárny konzulát paraguajskej republiky</a>
...
<a href="index.php?id=5">
 <img class="flag" id="flag_sk" name="flag_sk" 
  src="fileadmin/img/sk_2.png" alt="SK" 
  onmouseover="mOver('sk');" onmouseout="mOut('sk');" /></a>
...