图片热区应用

很久不用热区了，几乎都快忘记了。

首先要在图片上加上usemap属性，如下所示：

<img width="391" height="12" usemap="#Map1" src="/App_Themes/SouthAfirca2013/images/u724-4.png" id="u724-4" class="colelem" alt="Legal | About us | Our solutions | Clients | Terms and Conditions | Contact">

之后就可以建立热区了。

<map name="Map1" id="Map1">
  <area shape="rect" coords="0,0,28,12" href="Legal.aspx" οnfοcus="this.blur();">
  <area shape="rect" coords="36,0,86,12" href="AboutUs.aspx" οnfοcus="this.blur();">
  <area shape="rect" coords="95,0,168,12" href="OurSolutions.aspx" οnfοcus="this.blur();">
  <area shape="rect" coords="178,0,215,12" href="Clients.aspx" οnfοcus="this.blur();">
  <area shape="rect" coords="225,0,338,12" href="TC.aspx" οnfοcus="this.blur();">
  <area shape="rect" coords="350,0,390,12" href="Contact.aspx" οnfοcus="this.blur();">
</map>

coords="0,0,28,12"，这里面的四个数字是坐标，分别对应x1,y1,x2,y2，比如这里的x坐标就是0和28，也就是宽度；y坐标就是0和12，也就是高度。