第六讲ASP.NET服务器控件
第六讲 ASP.NET服务器控件 (二)
教学目的 、 DropDownList控件 、 ListBox控件 三、 Image控件 四、 ImageMap控件 教学重点 一、掌握 DropDownList控件的使用; 二、掌握 ListBox控件的使用; 三、掌握 Image、 ImageMap控件的使用; 四、掌握信息浏览页面设计方法
教学目的: 一、DropDownList控件 二、ListBox控件 三、Image控件 四、ImageMap控件 教学重点 一、掌握DropDownList控件的使用; 二、掌握ListBox控件的使用; 三、掌握Image、 ImageMap控件的使用; 四、掌握信息浏览页面设计方法
Image控件 Image控件称为图像(框)控件,用来在页面上展示图片 )HTM标记 Image nfi l eurI t mage1" runat= Kasp Image id="I server K/asp: Image> 二)常用属性 Imageurl 属性:图片的路径和文件名,可以是绝对路径或 相对路径。既然是URL,这个资源也可能在别的主机上,那时还 必须在最前面加上传输协议。 Too1TID属性:当鼠标停留在控件上时显示的提示信息。这 个属性对于以图片表现的控件很重要,可能有些读者看不懂图 片的含义,或者通过它还可以导航到其他URL去时 ( ImageButton控件),都得需要提示信息的帮助 AlternateText属性:当图片无法显示时替代显示的文本
一、Image控件 Image控件称为图像(框)控件,用来在页面上展示图片。 (一)HTML标记 (二)常用属性 ImageUrl属性:图片的路径和文件名,可以是绝对路径或 相对路径。既然是URL,这个资源也可能在别的主机上,那时还 必须在最前面加上传输协议。 ToolTip属性:当鼠标停留在控件上时显示的提示信息。这 个属性对于以图片表现的控件很重要,可能有些读者看不懂图 片的含义,或者通过它还可以导航到其他URL去时 (ImageButton控件),都得需要提示信息的帮助。 AlternateText属性:当图片无法显示时替代显示的文本
■注意: 当向 Image控件加载图片时,必须预先在其 项目文件夹内添加” mage”文件夹,并将 图片放入mage文件夹内方可添加图片!
▪ 注意: 当向image控件加载图片时,必须预先在其 项目文件夹内添加”image”文件夹,并将 图片放入image文件夹内方可添加图片!
二、 Imagemap控件 使用此控件可以创建一个能与用户交互的图像, 该图像包含许多用户可以单击的区域,这些区域 被称为作用点。每一个作用点都可以是一个单独 的超链接或回发事件 Image Map控件由两个部分组成:图像与作用点控 件的集合。其中,图像可以是任何标准Web图形 格式的图形,如.gif、.jpg或.png图形文件。每 个作用点控件都是一个不同的元素。对于每个作 用点控件,需要定义其形状(圆形、矩形或多边 形)以及用于指定作用点的位置和大小的坐标
二、ImageMap控件 使用此控件可以创建一个能与用户交互的图像, 该图像包含许多用户可以单击的区域,这些区域 被称为作用点。每一个作用点都可以是一个单独 的超链接或回发事件。 ImageMap控件由两个部分组成:图像与作用点控 件的集合。其中,图像可以是任何标准Web图形 格式的图形,如.gif、.jpg或.png图形文件。每 个作用点控件都是一个不同的元素。对于每个作 用点控件,需要定义其形状(圆形、矩形或多边 形)以及用于指定作用点的位置和大小的坐标
" ImageMap控件是图片地图控件,可以用来 显示图像,也可以实现图像的超链接。该 控件的最大特点是,可以将 Image map中的 图像按照(X,Y)坐标划分成不同形状的区域, 分别链接到不同的网页
▪ ImageMap控件是图片地图控件,可以用来 显示图像,也可以实现图像的超链接。该 控件的最大特点是,可以将ImageMap中的 图像按照(X,Y)坐标划分成不同形状的区域, 分别链接到不同的网页
1mg|性用来连接图像源文件 HotSpotMode属性用来获取或设置单击图片 后默认的行为方式 Notset:默认项,链接到指定的URL地址 Navigate:定向操作,链接到指定的URL地 址 PostBack:回传操作,单击后触发控件的 Click事件。 Inactive:无任何操作,等同于 Image控件
▪ ImageUrl属性用来连接图像源文件; ▪ HotSpotMode属性用来获取或设置单击图片 后默认的行为方式 NotSet:默认项,链接到指定的URL地址 Navigate:定向操作,链接到指定的URL地 址 PostBack:回传操作,单击后触发控件的 Click事件。 Inactive:无任何操作,等同于Image控件
Hotspot属性指定三种类型的作用点: CircleHotspots:圆形 Rectanglehot spots:矩形 PolygonHotspots:任意多边形 单击 Hotspot属性右边的省略号按钮,将弹出 如图所示的对话框
▪ HotSpot属性指定三种类型的作用点: CircleHotSpots:圆形 RectangleHotSpots:矩形 PolygonHotSpots:任意多边形 单击HotSpot属性右边的省略号按钮,将弹出 如图所示的对话框
Hotspot集合编辑器 ? 成员(M CircleHotSpot属性P o CircleHotSpot 1 RectangleHotSpot 2CircleHot Spot 日可访问性 Accesskey TabIn 区域的形状: 日外观 圆形 Radius 10 圆半径 长方形 任意多边形 圆心坐标 50 日行为 NavigateUrl 一链接的URL PostBackWalue 加 移除(B \RectangleHotSpot 确定 取消 PolygonHotspot
色无标题页一 zeroset inter 交件)编)查着00:” 地址①)htt:/②转到链接”西 请给你喜欢的网站投票: 新浪网投 s/ma.cmcn票 q和讯数 新浪现在的投票数是:4 和讯现在的投票数是:1 「本地 intranet