②在设计视图中选中 Imagebutton1控件,先把图像按钮设 置为适当大小,然后右击 ImageButton1控件,在快捷菜单 中单击“属性”,打开“属性”窗口。在“属性”窗口中 单击 mageRe属性后的浏览按钮,显示“选择图像”对话 框,在“ Images”文件夹中选择图像按钮上显示的初始图 片文件,这里是水母图片。 ■③在设计视图中选中 Label控件,在“属性”窗口中把 Tex属性值改为“水母,初始图片,单击切换到新图片
◼ ② 在设计视图中选中ImageButton1控件,先把图像按钮设 置为适当大小,然后右击ImageButton1控件,在快捷菜单 中单击“属性”,打开“属性”窗口。在“属性”窗口中 单击ImageUrl属性后的浏览 按钮,显示“选择图像”对话 框,在“Images”文件夹中选择图像按钮上显示的初始图 片文件,这里是水母图片。 ◼ ③ 在设计视图中选中Label1控件,在“属性”窗口中把 Text属性值改为“水母,初始图片,单击切换到新图片”
3)编写事件代码 ■①在解决方案资源管理器中,双击 Default. aspx. cs打开其窗 口,在所有事件过程外声明窗体级变量,用静态变量保存 单击的奇偶次数,代码为“ static bool flag=true;”,如图 29所示。奇数次单击为tue,偶数次单击为 false ex23. Microsoft Visual Studio管理员 文件()编组()视型)图构()网站S生成)调试(D)团队(M数据(A)工具(①体系结构(O)测试分析(0 口0帮(H 们··②aa山△1·~··以Dbg_ 们课课三2口口B 解决方案资》管理据·9 Ms Default 9 山回向 解决方案ex2-3个项 using Systes Collections, Generic using System. Web using Systea. Web. tI a Koalajpg using Systea Teb. UI. WebControls a Penguins ipg Public partial class Default System Web, UI Page a DefaulLaspxcs s web.config oo) flag s tr 解决方团队资 protected void ImageButtonl click(ob ject sender, InageclickEventArgs e) 100· 图2-9在所有事件过程外声明窗体级变量
◼ (3)编写事件代码 ◼ ① 在解决方案资源管理器中,双击Default.aspx.cs打开其窗 口,在所有事件过程外声明窗体级变量,用静态变量保存 单击的奇偶次数,代码为“static bool flag = true;”,如图 2-9所示。奇数次单击为true,偶数次单击为false
⑨②创建图像按钮的单击事件,在设计视图中双击该图像按钮 ImageButton1控 件,打开该图像按钮的单击事件过程 ImageButton1(lck框架,输入代码: protected void Image Button1_ Click(object sender, Image Click Event Args e) if (flag) /奇数次单击显示的图片 Labelltext="考拉,单击图片切换到另外一张 Image Button1. ImageUrl=""/Images/Koala jpg fag= false;注意在C#代码中,布尔常量必须是小写,书中印刷错误 else /偶数次单击显示的图片 Label1text="企鹅,单击图片切换到另外一张"; Image Button1. ImageUrl=/Images /Penguins. jpg ag=true;注意在(#代码中,布尔常量必须是小写,书中印刷错误 (4)运行网站 ■运行Web窗体,第一次显示的网页如图25所示。单击图像按钮,显示如图2-6 所示
◼ ② 创建图像按钮的单击事件,在设计视图中双击该图像按钮ImageButton1控 件,打开该图像按钮的单击事件过程ImageButton1_Click框架,输入代码: ◼ protected void ImageButton1_Click(object sender, ImageClickEventArgs e) ◼ { ◼ if (flag) ◼ { //奇数次单击显示的图片 ◼ Label1.Text = "考拉,单击图片切换到另外一张"; ◼ ImageButton1.ImageUrl = "~/Images/Koala.jpg"; ◼ flag = false; //注意在C#代码中,布尔常量必须是小写,书中印刷错误 ◼ } ◼ else ◼ { //偶数次单击显示的图片 ◼ Label1.Text = "企鹅,单击图片切换到另外一张"; ◼ ImageButton1.ImageUrl = "~/Images/Penguins.jpg"; ◼ flag = true; ; //注意在C#代码中,布尔常量必须是小写,书中印刷错误 ◼ } ◼ } ◼ (4)运行网站 ◼ 运行Web窗体,第一次显示的网页如图2-5所示。单击图像按钮,显示如图2-6 所示
3. LinkButton控件 语法格式如下 <asp: ID=LinkButton"runat=server onclick=" LinkButton click"….>链接按钮上显示的文本 </asp: LinkButton 表28 Link Button控件的常用属性 属性 说明 Text 设置或获取 LinkButton控件中显示的文本 表2-9 Link Button控件的常用事件 件 说明 Click 单击按钮时会触发该事件,并且包含该按钮的窗体会提交给服务器
◼ 3.LinkButton控件 ◼ 语法格式如下: ◼ <asp:ID="LinkButton1" runat="server" onclick="LinkButton1_Click" … >链接按钮上显示的文本 </asp:LinkButton>
■21.3超链接控件 语法格式如下: 链接上显示的文本</ asp: Hyper Link nat _server"…> <asp: HyperLink ID= HyperLink"r 表2-10 HyperLink控件的常用属性 「属性 设置或获取链接中显示的文本 nageLl 以图片方式显示超链接,链接中显示图片的URL NavigateUrl用户单击链接时要链接到的页面的URL Navigateurl链接的目标窗口或框架的I。可以通过框架的I指定框架,也可以使用预定义的目标值 Target (top、_self、 parent、 search或 blank) 与大多数web服务器控件不同,当用户单击 Hyperlink控件 时并不会在服务器代码中触发事件(此控件没有事件)。 此控件只执行导航。使用 Hyperlink控件的主要优点是可以 在服务器代码中设置链接属性
◼ 2.1.3 超链接控件 ◼ 语法格式如下: ◼ <asp:HyperLink ID=" HyperLink1" runat="server" …> 链接上显示的文本</asp:HyperLink> 与大多数Web服务器控件不同,当用户单击HyperLink控件 时并不会在服务器代码中触发事件(此控件没有事件)。 此控件只执行导航。使用HyperLink控件的主要优点是可以 在服务器代码中设置链接属性