ASP.NET中ImageButton图片按钮控件的使用_asp.net教程-查字典教程网
ASP.NET中ImageButton图片按钮控件的使用
ASP.NET中ImageButton图片按钮控件的使用
发布时间:2016-12-29 来源:查字典编辑
摘要:ImageButton说白了,就是一个能显示图片的按钮,用法和Button基本一致,无非就是点击之后触发事件,只是比Button展现更丰富一...

ImageButton 说白了,就是一个能显示图片的按钮,用法和Button基本一致,无非就是点击之后触发事件,只是比Button展现更丰富一些。

一、常见 ImageButton 属性

属性 描述
ImageUrl 在 ImageButton 控件中显示的图像的路径。
ToolTip 提示的文本。
AlternateText 图像无法显示时显示的文本。

二、ImageButton实例演示

前台代码 ImageButton.aspx

复制代码 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ImageButton.aspx.cs" Inherits="WebControls_ImageButton" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:ImageButton ID="ibtn" runat="server" Height="20px" ImageUrl="http://images.cnblogs.com/cnblogs_com/ylbtech/403178/o_sanyecao.jpg"

ToolTip="前台指向" Width="118px" />

<br />

<br />

<asp:ImageButton ID="ibtn2" runat="server" Height="20px" ImageUrl="http://images.cnblogs.com/cnblogs_com/ylbtech/403178/o_sanyecao.jpg"

ToolTip="后台指向" Width="118px" />

</div>

</form>

</body>

</html>

后台代码 ImageButton.aspx.cs

复制代码 代码如下:

using System;

using System.Collections.Generic;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class WebControls_ImageButton : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void ibtn2_Click(object sender, ImageClickEventArgs e)

{

//方法内可以做很多操作

//注册,注册成功,跳转到主页

Response.Redirect("~/DemoHTML.aspx");

}

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新asp.net教程学习
    热门asp.net教程学习
    编程开发子分类