對應 <img />,基本屬性:
| 屬性 | 說明 |
|---|---|
| ImageUrl | 圖片路徑 |
| AlternateText | 圖片無法顯示時的替代文字 |
| DescriptionUrl | 詳細說明頁面連結(無障礙用) |
| GenerateEmptyAlternateText | 強制輸出空 alt="" |
| ImageAlign | 相對周圍文字對齊:AbsBottom, AbsMiddle, Baseline, Bottom, Left, Middle, NotSet, Right, TextTop, Top |
同樣顯示圖片,但支援定義熱點區域,點擊不同區域觸發不同動作。
RectangleHotSpot:矩形區域(Left, Top, Right, Bottom)CircleHotSpot:圓形區域(X, Y, Radius)PolygonHotSpot:多邊形區域(Coordinates)<asp:ImageMap ID="mapMenu" ImageUrl="MenuBar.gif"
HotSpotMode="PostBack" Runat="server" OnClick="mapMenu_Click">
<asp:RectangleHotSpot PostBackValue="ToUpper" Left="0" Top="0" Right="100" Bottom="30" AlternateText="轉大寫" />
<asp:RectangleHotSpot PostBackValue="ToLower" Left="100" Top="0" Right="200" Bottom="30" AlternateText="轉小寫" />
<asp:RectangleHotSpot PostBackValue="Erase" Left="200" Top="0" Right="300" Bottom="30" AlternateText="清除" />
</asp:ImageMap>
protected void mapMenu_Click(object sender, ImageMapEventArgs e)
{
switch (e.PostBackValue)
{
case "ToUpper": txtInput.Text = txtInput.Text.ToUpper(); break;
case "ToLower": txtInput.Text = txtInput.Text.ToLower(); break;
case "Erase": txtInput.Text = ""; break;
}
}
PostBack:回傳表單,觸發 OnClick 事件,可取得 PostBackValue。Navigate:直接導航至 NavigateUrl。Inactive:無動作,僅顯示。ImageMap 適合製作圖形化導航、互動式圖表、座位選擇等場景。