ImageMap 控件

利用 ASP.NET ImageMap 控件可以创建一个图像，使其包含许多可由用户单击的区域，这些区域称为“作用点”。每一个作用点都可以是一个单独的超链接或回发事件。

向网页中添加 ImageMap 控件

1. 将 ImageMap 控件从“工具箱”面板拖放到网页上。

2. 在“标记属性”面板中，设置决定 ImageMap 的外观和行为的属性。

有关 ImageMap 控件的所有属性的完整说明，请参阅 MSDN Library 中的 ImageMap 属性 。

ImageMap 元素

ImageMap 控件主要由两个部分组成。第一个是图像，它可以是任何标准 Web 图形格式的图形，例如 .gif、.jpg 或 .png 文件。

第二个元素是一个作用点控件集。每个作用点控件都是一个不同的元素。对于每个作用点控件，都需要定义其形状（圆形、矩形或多边形），还要定义用于指定作用点位置和大小的坐标。例如，如果创建了一个圆形作用点，则应定义圆心的 x 和 y 坐标以及圆的半径。

可以根据需要为图像定义任意数量的作用点。但不需要定义足以覆盖整个图形的作用点。

注意：
可以定义重叠的作用点。每个作用点都包含一个 z-索引值，如果用户单击由两个或更多重叠作用点定义的区域，将选中 z 顺序值最高的作用点。

为 ImageMap 控件定义作用点

1. 在“设计”视图中，右键单击 ImageMap 控件，再单击快捷菜单上的“属性”。

2. 单击 HotSpots 属性旁的省略号按钮 以打开“HotSpot 集合编辑器”对话框。

3. 单击“添加”按钮右边的箭头，再单击要添加的作用点类型： CircleHotSpot 、 RectangleHotSpot 或 PolygonHotSpot 。

4. 在“属性”区域中，设置作用点的属性。

绘制作用点图形

不能直接绘制 ASP.NET ImageMap 控件的作用点图形，但是可以使用 Microsoft Expression Web 作用点工具在图形上对作用点进行布局，然后将这些坐标作为属性复制并粘贴到“HotSpot 集合编辑器”对话框中。

在 ImageMap 控件中以图形方式绘制坐标

1. 在“设计”视图中，将图像拖放到网页上。

2. 如果“图片”工具栏未打开，则单击“视图”菜单上的“工具栏”，再单击“图片”以打开此工具栏。

3. 单击“多边形作用点”、“圆形作用点”或“长方形作用点”按钮，再在图像中绘制作用点。有关详细信息，请参阅添加或修改作用点。

4. 在“代码”视图中，复制作用点的坐标。

5. 右键单击 ImageMap 控件，再单击“属性”。

6. 单击“Hotspot”属性旁的三点按钮以打开“HotSpot 集合编辑器”对话框。

7. 在“成员”区域中选择作用点。

8. 将坐标值粘贴到“属性”区域的相应属性位置。

例如，如果在图像中绘制了一个圆形和一个三角形的作用点，将在“代码”视图中看到与如下代码类似的代码：

<area href="page.htm" shape="circle" coords="177,197,84" 
<area href="page.htm" shape="polygon" coords="392,113,466,252,310,252" />

可以复制圆的 "coords" 值并将它们应用到 CircleHotSpot 的属性中。第一个数值 177，用于指定 X 属性。第二个数值 197，用于指定 Y 属性；而第三个数值 84，用于指定 Radius 属性。

同样，也可以将多边形的 "coords" 值直接复制到 PolygonHotSpot 的 Coordinates 属性中：392,113,466,252,310,252。

描述

可以指定在用户单击 ImageMap 控件上的某个作用点时发生的事件。每个作用点都可以配置为超链接，通过该超链接可以转到为该作用点提供的 URL。此外，还可以将该控件配置为在用户单击某个作用点时执行回发，为每个作用点提供一个唯一值。回发会引发 ImageMap 控件的“Click”事件。在事件处理程序中，可以读取分配给每个作用点的唯一值。有关当用户在 ImageMap 控件中单击时如何响应的详细信息，请参阅 MSDN Library 中的如何：响应 ImageMap Web 服务器控件中的用户单击 。