ASP.NET学习系列(八)开始控件之旅之Image和ImageMap
2010-03-24 11:52
507 查看
Image控件功能有限,只是用于显示图片,如果图片无法显示时就用替代文本显示。它没有与
用户交互的引发事件。
Image的主要属性有:
AlternateText属性,用于在图片无效时替代文本。
ImageAlign:相对于网页文本对齐选项,共包括NotSet、AbsBottom、AbsMiddle、Top、
Bottom、BaseLine、Middle、TextTop、Left、Right等值。如果要对图片和文字位置做更多控
制,就要用CSS来定位了。
ImageUrl:可以是相对地址也可以是绝对地址。
ImageMap:定义热点区域,可以当做一个到达另一区域或网站的超链接。ImageMap属性继承自
Image,并添加了许多属性和一个Click事件,使该类有了图像映射的功能。
属性:
HotSpotMode:指定热点被点击时所采取的动作,Navigate表示立即链接到
NavigateUrlProperty指定的Url上,PostBack表示会产生一个服务器回发操作。
HotSpots:ImageMap控件中包含的所有热点对象的集合。
有三种类型的热点区域:
RectangleHotSpot:定义一个图片的矩形区域,包括有Top、Bottom、Left和Right属性,表示
相对于图片的左上角以像素为单位取值。
CircleHotSpot:包括指定圆心的X、Y属性,以及一个指定半径的Radius属性,都是以像素为
单位。
PolygonHotSpot:定义了一个多边形区域,由该区域轮廓线段端点的X、Y坐标组成的列表,端
点坐标间以逗号隔开。
HotSpot属性:
AlternateText:图片无效时显示。
HotSpotMode:
NavigateUrl:指定该热点的Url地址。
PostBackValue:被点击对象的值,由事件参数ImageMapEventArgs传递。
Target:指定浏览器要目标页显示在哪种类型的窗口中。有以下几个值:
_blank:将内容显示在一个无框架的新建的未命名窗口中;
_new:未列入标准文档,类似_blank;
_parent:将内容显示在父级窗口或框架中或者显示在该链接指向的框架页中。
_self:在当前框架或窗口中显示内容。
_top:在当前没有框架的整个窗口中显示页面内容。
示例:
代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class imageAndImageMap_ImageMapDemo : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void firstImage_Click(object sender, ImageMapEventArgs e)
{
Label1.Text = "The PostBackValue is" + e.PostBackValue;
}
}
用户交互的引发事件。
Image的主要属性有:
AlternateText属性,用于在图片无效时替代文本。
ImageAlign:相对于网页文本对齐选项,共包括NotSet、AbsBottom、AbsMiddle、Top、
Bottom、BaseLine、Middle、TextTop、Left、Right等值。如果要对图片和文字位置做更多控
制,就要用CSS来定位了。
ImageUrl:可以是相对地址也可以是绝对地址。
ImageMap:定义热点区域,可以当做一个到达另一区域或网站的超链接。ImageMap属性继承自
Image,并添加了许多属性和一个Click事件,使该类有了图像映射的功能。
属性:
HotSpotMode:指定热点被点击时所采取的动作,Navigate表示立即链接到
NavigateUrlProperty指定的Url上,PostBack表示会产生一个服务器回发操作。
HotSpots:ImageMap控件中包含的所有热点对象的集合。
有三种类型的热点区域:
RectangleHotSpot:定义一个图片的矩形区域,包括有Top、Bottom、Left和Right属性,表示
相对于图片的左上角以像素为单位取值。
CircleHotSpot:包括指定圆心的X、Y属性,以及一个指定半径的Radius属性,都是以像素为
单位。
PolygonHotSpot:定义了一个多边形区域,由该区域轮廓线段端点的X、Y坐标组成的列表,端
点坐标间以逗号隔开。
HotSpot属性:
AlternateText:图片无效时显示。
HotSpotMode:
NavigateUrl:指定该热点的Url地址。
PostBackValue:被点击对象的值,由事件参数ImageMapEventArgs传递。
Target:指定浏览器要目标页显示在哪种类型的窗口中。有以下几个值:
_blank:将内容显示在一个无框架的新建的未命名窗口中;
_new:未列入标准文档,类似_blank;
_parent:将内容显示在父级窗口或框架中或者显示在该链接指向的框架页中。
_self:在当前框架或窗口中显示内容。
_top:在当前没有框架的整个窗口中显示页面内容。
示例:
代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class imageAndImageMap_ImageMapDemo : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void firstImage_Click(object sender, ImageMapEventArgs e)
{
Label1.Text = "The PostBackValue is" + e.PostBackValue;
}
}
相关文章推荐
- ASP.NET学习系列(七)开始控件之旅之列表和选项控件
- ASP.NET学习系列(六)开始控件之旅之Button及其Ajax扩展控件
- ASP.NET学习系列(五)开始控件之旅之TextBox及其Ajax扩展控件
- ASP.NET学习系列(四)开始控件之旅之Literal和Label
- ASP.NET学习系列(二) 控件概览
- asp.net ajax学习系列功能强大的UpdatePanel控件
- ASP.NET MVC 3.0学习系列(19)-开源控件实现表格排序和分页
- asp.net ajax学习系列功能强大的UpdatePanel控件
- ASP.NET AJAX Control ToolKit系列: CascadingDropDown控件学习经验
- asp.net ajax学习系列功能强大的UpdatePanel控件
- ASP.NET MVC 3.0学习系列文章(开始学习MVC)
- asp.net控件开发系列学习----Button
- ASP.net控件开发系列(三)(转)(写的不错,学习开发控件的看好)
- asp.net ajax学习系列功能强大的UpdatePanel控件
- asp.net ajax学习系列功能强大的UpdatePanel控件
- ★★★【庖丁解牛:纵向切入Asp.net 3.5控件和组件开发技术系列—(6)页面状态机制(视图状态和控件状态)】★★★
- Asp.net控件开发学习笔记(十二)----数据绑定
- asp.net 学习笔记[01] 新控件
- 从今天开始学习书籍C#,Asp.net
- 工控仪表控件Iocomp ActiveX系列教程: 插入ASP.NET页面