图像映射简介

描述

图像映射是具有可点击区域的图像，通常用作超链接。

图像由 <img> 标签定义，地图由带有 <area> 标签的 <map> 标签定义，以表示每个可点击区域。使用 usemap 和 name 属性绑定图像和地图。

基本例子

要创建图像映射，以便下面图像中的每个形状都是可单击的：

代码如下：

<img src="http://jaced.com/blogpix/2007/trisquarecircle/002.gif" usemap="#shapes">
<map name="shapes">
    <area shape="polygon" coords="79,6,5,134,153,134">
    <area shape="rectangle" coords="177,6,306,134">
    <area shape="circle" coords="397,71,65">
</map>

你应该看到浏览器识别光标变为指针时的区域。查看 JSFiddle 上的现场演示 ，或参见下面的演示：