c# - 当光标悬停在 asp.net 网站中的图像上时如何更改图像

Question

<asp:ImageButton ID="btn_Send" runat="server" ImageUrl="Styles/Images/send_message.png"
                                    ValidationGroup="SM" CausesValidation="true" OnClick="Send_Click" />

我的网站上有这个按钮，当用户将鼠标悬停在图像上或当用户单击图像时，我如何更改图像，我想向用户显示按钮已被单击。所以我为 send_message.png(1) 创建了另一个看起来像被点击的图像，所以当用户将鼠标悬停在点击图像上时，我想显示 send_message.png(2)

Answer 1

<asp:ImageButton ID="btn_Send" runat="server" CssClass="myButton"
                                    ValidationGroup="SM" CausesValidation="true" OnClick="Send_Click" />

CSS

.myButton{
    background:url("Styles/Images/send_message.png") no-repeat scroll 0 0 transparent;
}
.myButton:hover{
    background:url("Styles/Images/send_message2.png") no-repeat scroll 0 0 transparent;
}

如果你能用两张图片制作一张图片，那就更容易了。

.myButton{
    background:url("Styles/Images/send_message.png") no-repeat scroll 0 0 transparent;
}
.myButton:hover{
     background-position:bottom;
}

要在 click 事件中更改图像，您可以将其添加到您的 buttonclick

btn_Send.Attributes.Add("class", "some-class");

在你的 css

.some-class{background:url("Styles/Images/send_message2.png") no-repeat scroll 0 0 transparent !important;}