HTML

1.标签map-- 定义图像点击区域的集合
map 标签 map标签是成对出现的,以<map>开始，</map>结束
map标签必须配合area标签使用。
map标签中name与id属性指定的值必须与定义图像点击区中图像(img)的usemap属性指定的值一致。

<img src="/images/html_table.png" usemap="#Map" />
<map name="Map" id="Map">
	<area shape="rect" coords="35,29,135,99" href="#" />
    <!--  引用四个值就说明是块矩形MAP。-->
     <!--  前面两个值是左上角坐标值，后面两个值是右下角坐标值-->
     <!--  坐标值都是相对于使用了MAP的元素而言。-->
	<area shape="circle" coords="243,78,44" href="#" />
	<area shape="poly" coords="120,137,195,154,135,207" href="#" />
</map>

2.获取鼠标的坐标

function mouseClick(ev){    
        ev = ev || window.event;    
        var mousePos = mouseCoords(ev);    
       	alert(mousePos.x+":"+mousePos.y); 
	}   
	function mouseCoords(ev){    
        if(ev.pageX || ev.pageY){    
                return {x:ev.pageX, y:ev.pageY};    
         }    
        return {    
                 x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,    
                 y:ev.clientY + document.body.scrollTop   - document.body.clientTop    
         };    
	}  
	document.onclick = mouseClick;