ASP.NET中ImageButton(图片按钮)的使用

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

ylbtech-ASP.NET-Control-Basic:ImageButton(图片按钮)的使用

ASP.NET中 ImageButton(图片按钮)的使用。

1.A,运行效果返回顶部

ImageButton（图片按钮）

属性	值	作用
PostBackUrl	url	单击时，指向的页面
ToolTip	提示语
ImageUrl	要呈现图片的位置

1.B,源代码返回顶部

/ImageButton.aspx

View Code

<%@ 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>
        <h3>
            ImageButton（图片按钮）</h3>
        <table style="width: 100%;">
            <tr>
                <td>
                    &nbsp; 属性
                </td>
                <td>
                    值
                </td>
                <td>
                    作用
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;PostBackUrl
                </td>
                <td>
                    &nbsp;url
                </td>
                <td>
                    &nbsp;单击时，指向的页面
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;ToolTip
                </td>
                <td>
                    &nbsp;提示语
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;ImageUrl
                </td>
                <td>
                    &nbsp;要呈现图片的位置
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
        </table>
        <hr />
        <asp:ImageButton ID="ibtn" runat="server" Height="20px" ImageUrl="http://images.cnblogs.com/likecs_com/ylbtech/403178/o_sanyecao.jpg" 
            ToolTip="前台指向" Width="118px" />
        <br />
        <br />
        <asp:ImageButton ID="ibtn2" runat="server" Height="20px" ImageUrl="http://images.cnblogs.com/likecs_com/ylbtech/403178/o_sanyecao.jpg"
            ToolTip="后台指向" Width="118px" onclick="ibtn2_Click" />
        <br />
    </div>
    </form>
</body>
</html>

/ImageButton.aspx.cs

View Code

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");
    }
}