1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
| <script type="text/javascript">
// <![CDATA[
var imgDirectory = "map/";
var imgName = "worldmap";
var suffix = ".png";
function highlight( which )
{
document.images[imgName].src = imgDirectory + imgName + which + suffix;
}
// ]]>
</script>
<html>
<body>
<map name="shapemap">
<area href="#" shape="polygon" coords="51, 37, 71, 37, 80, 48, 77, 50, 82, 54, 78, 58, 73, 59, 68, 63, 63, 62, 61, 53, 58, 49, 51, 48, 49, 40"
onmouseover="highlight(1);" onmouseout="highlight(0);" />
<area href="a" shape="polygon" coords="53, 12, 46, 21, 42, 27, 34, 38, 34, 42, 28, 40, 18, 42, 13, 26, 6, 22, 3, 27, 0, 13, 17, 16, 17, 5, 32, 4, 45, 0, 54, 7"
onmouseover="highlight(2);" onmouseout="highlight(0);" />
<area href="#" shape="polygon" coords="20, 43, 31, 42, 37, 43, 49, 52, 45, 60, 39, 70, 32, 72, 34, 58, 28, 51, 30, 47"
onmouseover="highlight(3);" onmouseout="highlight(0);" />
<area href="gdgdfg" shape="polygon" coords="77, 14, 78, 26, 71, 34, 78, 45, 93, 46, 95, 53, 107, 49, 107, 41, 124, 22, 124, 12, 96, 4, 85, 8"
onmouseover="highlight(4);" onmouseout="highlight(0);" />
<area href="#" shape="polygon" coords="75, 15, 76, 25, 72, 29, 69, 32, 68, 35, 50, 36, 55, 24, 49, 18, 55, 15, 60, 20, 68, 9, 73, 10"
onmouseover="highlight(5);" onmouseout="highlight(0);" />
<area href="#" shape="polygon" coords="113, 48, 94, 54, 92, 65, 108, 71, 124, 68, 124, 59, 122, 52"
onmouseover="highlight(6);" onmouseout="highlight(0);" />
</map>
<img src="map/worldmap0.png" name="worldmap" usemap="#shapemap"
alt="world map"
border="0" width="125" height="73" />
</body>
</html> |
Partager