Javascript 要更改区域悬停时的图像源吗

要在悬停地图的任何区域时加载不同的图像

---

有很大的改进空间，但基本上

 <img id="map" src="images/mapimg.png" usemap="#states" />
 <map name="states">
     <area style="background-color: black;" onmouseover="document.getElementById('map').src = 'other.png';" shape="poly" coords="4,349,121,416,111,205" title="test1">
     <area shape="poly" coords="226,287,234,255,132,231,129,402,151,404,150,429,362,465,362,385,283,359" title="test" />
 </map>

请多解释一点……谢谢你的帮助。