ASP.NET 2.0 新追加控件ImageMap介绍(转)
图片地图控件可以在一副图片中设置很多热区,当用户点击不同热区的时候会有不同的反应,既可以让用户通过点击热区跳转到不同的URL也可以让用户通过点击热区运行不同的服务器代码。
热区的设定是通过HotSpot属性来实现的。
热区可以为3种形状。
1、CircleHotSpot热区为圆形。
2、RectangleHotSpot热区为矩形。
3、PolygonHotSpot热区为多边形。
例如:
热区为RectangleHotSpot的时候。
AlternateText属性,是当鼠标移动到该热区的时候所显示的提示信息。
HotSpotMode属性,是指定单击 ImageMap 控件中的 HotSpot 对象时 HotSpot 的行为。
NotSet:
HotSpot 使用由 ImageMap 控件的 HotSpotMode 属性设置的行为。如果 ImageMap 控件未定义行为,HotSpot 对象将导航至某个 URL。
Inactive:
HotSpot 不具有任何行为。
Navigate:
HotSpot 定位到 URL。
PostBack:
HotSpot 生成到服务器的回发。
NavigateUrl属性,当HotSpotMode设置为Navigate的时候,需要指定这个属性值。
Target属性,枚举值,当HotSpotMode设置为Navigate的时候发生作用。
_blank
将内容呈现在一个没有框架的新窗口中。
_parent
将内容呈现在上一个框架集父级中。
_search
在搜索窗格中呈现内容。
_self
将内容呈现在含焦点的框架中。
_top
将内容呈现在没有框架的全窗口中
PostBackValue属性,当HotSpotMode设置为PostBack的时候发生作用。
例子:
当HotSpotMode设置为PostBack的时候。
protected void ImageMap1_Click(object sender, ImageMapEventArgs e)
{
if (e.PostBackValue.Equals("haha") == false)
{
this.TextBox1.Text = "你点击的是左半部分";
}
else
{
this.TextBox1.Text = "你点击的是右半部分";
}
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述