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" />

            &nbsp;&nbsp;
            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" />

            &nbsp;&nbsp;
            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" />

            &nbsp;&nbsp;
            Changes the source image...

        <p>
        
        <asp:Label id=Label1 runat=server />

    </form>

</body>
</html>


⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?