C# 如何在asp.net网站中将光标悬停在图像上时更改图像

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

在鼠标悬停事件上使用javascript

---

看

在鼠标悬停事件上使用javascript

看

试试这个：

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

试试这个：

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

如果您可以使用两个图像制作一个图像，则会更容易

.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;
}

在你的
css

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

如果您可以使用两个图像制作一个图像，则会更容易

.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;
}

在你的
css

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

试试这个

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


试试这个

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

在代码页的页面加载事件中添加以下行

<asp:ImageButton id="ImageButton1" runat="server" ImageUrl="Images\1.gif"
OnMouseOver="src='Images/2.gif';"
OnMouseOut="src='Images/1.gif';">
</asp:ImageButton>

在代码页的page_load事件中添加以下行

<asp:ImageButton id="ImageButton1" runat="server" ImageUrl="Images\1.gif"
OnMouseOver="src='Images/2.gif';"
OnMouseOut="src='Images/1.gif';">
</asp:ImageButton>

这是一种叫做css的东西，如果浏览器禁用javascript会发生什么？哎哟，当简单html/css是最佳方式时，建议使用javascript选项。这是一种叫做css的东西，如果浏览器禁用javascript会发生什么？哎哟，当简单html/css是最佳方式时，建议使用javascript选项。+1表示简单和最佳方式。另外，最好的方法是使用一个包含默认和悬停状态的图像（图像拼接）。这意味着当用户将鼠标悬停在图像上时，没有额外的图像加载。Javascript的使用是一种非常古老且过时的方法，当用户将鼠标悬停在按钮上时，会有一个额外的图像加载，除非您随后添加额外的Javascript来预加载图像。感谢您的回答，我如何在单击图像+1时以简单且最佳的方式执行同样的操作。另外，最好的方法是使用一个包含默认和悬停状态的图像（图像拼接）。这意味着当用户将鼠标悬停在图像上时，没有额外的图像加载。Javascript的使用是一种非常古老和过时的方法，当用户将鼠标悬停在按钮上时，会有额外的图像加载，除非您随后添加额外的Javascript来预加载图像。感谢您的回答，当单击图像时，我该如何做同样的事情感谢您的回答，单击图像时如何执行相同操作谢谢，单击图像时如何执行相同操作