首页 .NET/Web ASP.NET 之ImageMap的图片热点链接控件的用法

ASP.NET 之ImageMap的图片热点链接控件的用法

作者:胡同里的砖头 围观群众:1514 更新于:2013-12-19

ImageMap控件是一个让你可以在图片上定义热点(HotSpot)区域的服务器控件。用户可以通过点击这些热点区域进行回发(PostBack)操作或者定向(Navigate)到某个URL位址。该控件一般用在需要对某张图片的局部范围进行互动操作时,其主要属性有HotSpotMode、HotSpots和主要操作Click。
?        HotSpotMode:顾名思义为热点模式,对应枚举类型System.Web.UI.WebControls.HotSpotMode。其选项及说明如下:
1)        NotSet:未设置项。虽然名为未设置,但其实默认情况下会执行定向操作,定向到你指定的URL位址去。如果你未指定URL位址,那默认将定向到自己的Web应用程序根目录。
2)        Navigate:定向操作项。定向到指定的URL位址去。如果你未指定URL位址,那默认将定向到自己的Web应用程序根目录。
3)        PostBack:回发操作项。点击热点区域后,将执行后部的Click事件。
4)        Inactive:无任何操作,即此时形同一张没有热点区域的普通图片。
?        HotSpots:该属性对应着System.Web.UI.WebControls.HotSpot对象集合。HotSpot类是一个抽象类,它之下有CircleHotSpot(圆形热区)、RectangleHotSpot(方形热区)和PolygonHotSpot(多边形热区)三个子类。实际应用中,都可以使用上面三种类型来定制图片的热点区域。如果需要使用到自定义的热点区域类型时,该类型必须继承HotSpot抽象类。下面即有个自定义的菱形热区DiamondHotSpot范例可以参考。
?        Click:对热点区域的点击操作。通常在HotSpotMode为PostBack时用到。
 
 
·如果您要重写控件的 HotSpotMode 设置,请为每个作用点设置 HotSpotMode 属性来指定单击作用点的结果是导航到另一个页面还是回发。

           ·如果作用点设置为导航,则指定它的 NavigateUrl 属性。

·如果作用点设置为执行回发,则为每个作用点设置 PostBackValue 以提供单击的是哪个作用点的信息。您可以在 Click 事件处理程序中读取该值。

·定义完作用点后,单击“确定”。

 

示例:

<asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="~/images/dl.gif" 
                        HotSpotMode="PostBack" onclick="ImageMap1_Click" >
                             <asp:RectangleHotSpot Bottom="3" Left="3" Right="36" Top="19" PostBackValue="SE" />
                             <asp:RectangleHotSpot Bottom="3" Left="85" Right="36" Top="19" PostBackValue="SD" />
                    </asp:ImageMap>

 

后台调用:

if (e.PostBackValue == "SE")
        {
            string mgf = GetByLogin(TextBox1.Text, TextBox2.Text);
            if (mgf != "ok")
            {
                Check.alert(Page, mgf);
                return;
            }
            else
                Response.Redirect("Main.aspx");

        }
        else
        {
            TextBox1.Text = TextBox2.Text = "";
        }

 

  • 本文标题: ASP.NET 之ImageMap的图片热点链接控件的用法
  • 文章分类:【.NET/Web】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8