Keskustelu: Nettisivujen teko: onmouseover ongelma

Hei. ny ois sellane probleema et, oikee ei löydy vinkkii mistää. Ohan noit monennäkösii onmouseover-kikkuloita, mut sellast tarttisin et esim on suomen kartta ja vieres on kaupunkien nimet(siis ne kartta ja nimet on eri diveinä). Niin et ku vie hiiren vaikkapa "Helsinki" nimen kohdalle niin sit helsingin raja tulee näkyviin, (siis mulhan on tuo raja kuvana) ja sit ku sen hiiren ottaa pois nii raja häviää, ei oikee googlettamal löytyny sellast ja soveltamisest ei oikee mitään tullu.

Suunnilleen näin:

window.onload = function() {
  var helsinki = document.getElementById("helsinki");
  var rajakuva = document.getElementById("rajakuva");
  helsinki.onmouseover = function() {
    rajakuva.src = "helsinki.png";
  };
  helsinki.onmouseout = function() {
    rajakuva.src = "tyhja.png";
  };
};

<ul>
  <li id="helsinki">Helsinki</li>
</ul>
<img id="rajakuva" src="tyhja.png" />

Koska tekstielementtejä ei välttämättä ole kiva sijoitella karttaan, voit tehdä sen kuvalla. Nimeät kaupungit karttaan, ja käytät kuvakarttaa.