imagebutton3_vb.aspx
来自「一些标准控件的举例说明」· ASPX 代码 · 共 79 行
ASPX
79 行
<html>
<head>
<style>
.applyBorder { border:0.2cm solid blue }
.removeBorder { border:0.2cm solid gainsboro }
</style>
<script language="VB" runat="server">
Sub Button1_Click(sender As Object, e As ImageClickEventArgs)
Label1.Text="You clicked button1"
End Sub
Sub Button2_Click(sender As Object, e As ImageClickEventArgs)
Label1.Text="You clicked button2"
End Sub
Sub Button3_Click(sender As Object, e As ImageClickEventArgs)
Label1.Text="You clicked button3"
End Sub
</script>
</head>
<body>
<h3><font face="Verdana">Mouse-Over Effects on ImageButton</font></h3>
<form runat=server>
<asp:ImageButton id=Button1 runat="server"
ImageUrl="images/banana.jpg"
BorderWidth="0.2cm"
BorderColor="Gainsboro"
onmouseover="this.style.border='0.2cm solid black';"
onmouseout="this.style.border='0.2cm solid gainsboro';"
onclick="Button1_Click" />
Applies an inline CSS style...
<br>
<asp:ImageButton id=Button2 runat="server"
ImageUrl="images/banana.jpg"
CssClass="removeBorder"
BorderWidth="0.2cm"
onmouseover="this.className='applyBorder'"
onmouseout="this.className='removeBorder'"
onclick="Button2_Click" />
Applies a predefined CSS style...
<br>
<asp:ImageButton id=Button3 runat="server"
ImageUrl="images/banana.jpg"
BorderWidth="0.2cm"
BorderColor="Gainsboro"
onmouseover="this.src='images/mango.jpg';"
onmouseout="this.src='images/banana.jpg';"
onclick="Button3_Click" />
Changes the source image...
<p>
<asp:Label id=Label1 runat=server />
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?