Lo que debes hacer es crear maps dentro de tu imagen (puedes obtener las coordenadas con algun software de edición)
En html sería algo como ésto:
Código:
<img src="images/testMap_w.png" width="800" height="220" alt="TestMap W" usemap="#testMap">
<map name="testMap">
<area shape="polygon" coords="20,20,106,20,106,106,20,106" href="#" id="box" />
<area shape="polygon" coords="216,50,339,50,277,156" href="http://www.google.com" id="triangle" />
<area shape="polygon" coords="460,0,574,0,460,220" href="http://www.cnn.com" id="bordertriangle" />
</map>
Lo puedes hacer con jquery, te paso un ejemplo
http://davidlynch.org/projects/maphi.../demo_usa.html
Y aqui descargas el code
http://archive.plugins.jquery.com/project/maphilight
Espero que sea lo que buscas
Saludos