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

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

    }

}
1.C,资源下载返回顶部

http://files.cnblogs.com/ylbtech/WebForm-BasicControl-HTML.rar

warn 作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

你可能感兴趣的:(imagebutton)