ASP.NET中ImageButton图片按钮控件的使用

春天,大自然一片生机,天空则设计了一个优美的背景。淡蓝的颜色,有些透明,像一块在强烈光照下的蓝宝石,无暇的找不出半点疵瑕。云儿也不知上哪儿玩去了,剩下个特大特明亮的太陽,照得天空泛白。万物在这背景下都是那么的奇妙美好,无处不弥漫着陽光的气味。天空,多么像一位诗人,创造了春天这么美的意境!

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

本文ASP.NET中ImageButton图片按钮控件的使用到此结束。拥有的,要珍惜,要知足;做人必须要有一颗平常心,肤浅的羡慕,无聊的攀比,笨拙的效仿,只会让自我整天活在他人的影子里面。我们应当认清自我,找到属于自我的位置,走自我的道路,过自我的生活。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
ASP.NET轻量级MVC框架Nancy的基本用法

使用grpcui测试ASP.NET core的gRPC服务

ASP.NET Core中的对象池介绍

asp.net中MVC的处理流程详解

ASP.NET Core的日志系统介绍