使用 ASP.NET ImageMap 控件创建具有用户可以单击的单个区域的图像,这些单个区域称为作用点。每一个作用点都可以是一个单独的超链接或回发事件。
一、背景
ImageMap 控件由两个元素组成。第一个是图像,它可是任何标准 Web 图形格式的图形,如 .gif、.jpg 或 .png 文件。
第二个元素是 HotSpot 控件的集合。每个作用点控件都是一个类型为 CircleHotSpot、RectangleHotSpot 或 PolygonHotSpot 的不同项。对于每个作用点控件,您都要定义用于指定该作用点的位置和大小的坐标。例如,如果创建一个 CircleHotSpot 控件,则需要定义圆心的 x 和 y 坐标以及圆的半径。
可以根据需要为图像定义任意数目的作用点。您不必定义许多作用点,来覆盖整个图形。
说明: 可以定义重叠的作用点。每个作用点都有一个 z 顺序值。如果用户点击某个由两个或多个重叠的作用点定义的区域,则将选定 z 顺序值最高的作用点。
响应用户单击:您可以指定用户单击作用点时发生的事件。您可以将每个作用点配置为可以转到您为该作用点提供的 URL 的超链接。或者,您也可以将控件配置为在用户单击某个作用点时执行回发,并可为每个作用点提供一个唯一值。回发会引发 ImageMap 控件的 Click 事件。在事件处理程序中,可以读取分配给每个作用点的唯一值。
二、如何:向网页添加 ImageMap Web 服务器控件
ImageMap 控件创建了一个图形,这个图形中具有用户可以分别单击的作用点。创建 ImageMap 控件包括以下步骤:创建控件、指定图像,然后分别定义作用点。
1、添加 ImageMap 控件
·从工具箱的“标准”选项卡中,将 ImageMap 控件拖动到页面上。