学步园

 <img src="images/pic/menu.jpg" mce_src="images/pic/menu.jpg" width="900" height="27" border="0" usemap="#Map"></p> <p><map name="Map"><br /> <area shape="rect" coords="3,3,62,20" href="../index.jsp"><br /> <area shape="rect" coords="76,5,132,20" href="../news.jsp"><br /> <area shape="rect" coords="144,4,203,19" href="../test.jsp"><br /> <area shape="rect" coords="211,3,269,20" href="http://www.baidu.com/"><br /> <area shape="rect" coords="276,3,332,22" href="../elearning.jsp"><br /> <area shape="rect" coords="825,2,875,22" href="../forum.jsp"><br /> </map>

这个是热点的代码 通过NAME来指定是哪张图片的热点
AREA shape=RECT coords=191,7,206,20
SHAPE描述的就是该热点的形状 RECT为矩形

后面4个数字 依次是这个热点的四个角的坐标