程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET中ImageButton圖片按鈕控件的使用

ASP.NET中ImageButton圖片按鈕控件的使用

編輯:ASP.NET基礎

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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved