文档介绍：该【Image和ImageMap控件公开课获奖课件赛课一等奖课件 】是由【梅花书斋】上传分享，文档一共【14】页，该文档可以免费在线阅读，需要了解更多关于【Image和ImageMap控件公开课获奖课件赛课一等奖课件 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。Image和ImageMap控件
Image控件用于在网页设计中，和大多数其他服务控件不一样，Image控件不支持任何事件，如不响应鼠标单击事件。假如需要创立交互式图像，可以通过ImageButton或ImageMap控件来实现。
ImageMap控件
ImageMap控件是图片地图控件，可以在一幅图片上设置多种热区，当顾客单击不一样热区的时候会有不一样的反应。
ImageMap控件重要包括ImageUrl、HotSpotMode和HotSpots等属性，以及一种Click事件。
ImageMap控件格式
<asp：ImageMap ID = “ImageMap1” runat = “server” ImageUrl = “” HotSpotMode = “Navigate” > <asp:CircleHoSpot /> <asp:PolygonHotSpot/> <asp:RectangleHotSpot/> </asp:ImageMap>
例3-28 ImageMap控件的使用
打开vs ，创立网页，拖放一种ImageMap控件和一种Label到页面上
在“属性”窗口，设置控件的ImageUrl属性为要显示的图片URL。
如图所示：
设置控件的HotSpotMode属性来指定单击热区是定向操作还是回传操作。
设置作用点，如下所示：在”属性“窗口，单击属性HotSpots,打开”HotSpot集合编辑器“对话框。如图：
单击”添加“按钮。例题中定义了四个作用点。同步对每个作用点，做对应的设置，如图:
protected void ImageMap1_Click(object sender, ImageMapEventArgs e)
{
int sinacount = ((ViewState["sinacount"] != null) ? (int)ViewState["sinacount"] : 0);
int hexuncount=((ViewState ["hexuncount"]!=null )?(int)ViewState ["hexuncount"]:0);
if ( .Contains ("sina"))
{sinacount +=1;
Label1 .Text ="新浪目前的投票数是："+sinacount+"<br>" +"和讯目前的投票数是："+hexuncount;
}
else if ( ("hexun"))
{hexuncount +=1;
= "新浪目前的投票数是：" + sinacount + "<br>" +"和讯目前的投票数是：" + hexuncount;
}
ViewState ["sinacount"]=sinacount ;
ViewState ["hexuncount"]=hexuncount ;
}
在ImageMap控件属性窗口，添加事件，输入如下代码：
运行成果
如图所示：
上例中在ImageMap控件中定义了4个矩形热区。当顾客单击上下两个“新浪”、“和讯”的图标时，会自动链接到指定的URL；当顾客单击”投票“热区时，会触发控件的Click事件。此事件比较简单，此事件较简单，根据”投票“热区”定义的PostBackValue值，进行投票数的记录，并将成果在Label控件中显示出来。