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

最新推荐文章于 2024-03-13 19:57:00 发布

weixin_30918633

最新推荐文章于 2024-03-13 19:57:00 发布

阅读量371

点赞数 1

文章标签：测试 xhtml ui

原文链接：http://www.cnblogs.com/ylbtech/archive/2013/03/06/2944762.html

版权

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