如何完成在一个图片中,点击不同区域显示不同的结果

来源:互联网 发布:mac 免费的数据库软件 编辑:程序博客网 时间:2024/06/10 03:24

事例:

如上图,是一个图片,若想点击上面三个专区会有不同的效果可以如此编写代码:

<td align="right" valign="bottom">


              <map name="FPMap_inctop">
                  <area href="#" shape="rect" coords="13,2,81,16"  target="_blank">
                  <area href="#" shape="rect" coords="92, 1, 158, 15"  target="_blank">
                  <area href="#" shape="rect" coords="170, 0, 233, 16"  target="_blank">

                </map>


                <img src="图片路径" usemap="#FPMap_inctop" border="0" height="22" width="238">

</td>


这样就可以实现点击的效果,而不至于点击的是同一个效果


原创粉丝点击