ASP.NET 学习_ImageMap

<%@ Page Language="C#" %>

<script runat="server">
 
  void RegionMap_Clicked (object sender, ImageMapEventArgs e)
  {
    string hotSpotType;

    // When a user clicks a hot spot, display
    // the hot spot's type and name.
    switch (e.PostBackValue)
    {
      case "Western":
        hotSpotType = Regions.HotSpots[0].ToString();
        Message1.Text = "You selected " + hotSpotType + " " + e.PostBackValue;
        break;
       
      case "Northern":
        hotSpotType = Regions.HotSpots[1].ToString();
        Message1.Text = "You selected " + hotSpotType + " " + e.PostBackValue;
        break;

      case "Southern":
        hotSpotType = Regions.HotSpots[2].ToString();
        Message1.Text = "You selected " + hotSpotType + " " + e.PostBackValue;
        break;

      default:
        Message1.Text = "You did not click a valid hot spot region.";
        break;
    }
  } 
 
</script>

<html>
<head id="Head1" runat="server">
  <title>PolygonHotSpot Class Example</title>
</head>
  <body>
    <form id="Form1" runat="server">
   
      <h3>PolygonHotSpot Example</h3>
     
      <!-- Change or remove the width and height attributes as
           appropriate for your image. -->
      <asp:imagemap id="Regions"          
        imageurl="Images/RegionMap.jpg"
        alternatetext="Sales Regions"
        hotspotmode="PostBack"
        width="400"
        height="400"
        οnclick="RegionMap_Clicked"  
        runat="Server">           
         
        <asp:PolygonHotSpot
          coordinates="0,0,176,0,125,182,227,400,0,400"        
          postbackvalue="Western"
          alternatetext="Western Region">
        </asp:PolygonHotSpot>
         
        <asp:PolygonHotSpot
          coordinates="177,0,400,0,400,223,335,154,127,180"        
          postbackvalue="Northern"
          alternatetext="Northern Region">
        </asp:PolygonHotSpot>
       
        <asp:PolygonHotSpot
          coordinates="128,185,335,157,400,224,400,400,228,400"        
          postbackvalue="Southern"
          alternatetext="Southern Region">
        </asp:PolygonHotSpot>
     
      </asp:imagemap>
           
      <br /><br />
         
      <asp:label id="Message1"
        runat="Server">
      </asp:label>                
                
    </form>     
  </body>
</html>
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值