c# - ASP NET 图像 onmouseover 不起作用

Question

我的页面中有 2 张图片。我想要做的是，当我将鼠标移到第二张图像上时，第一张图像将变为另一张图像，但有些东西不起作用。

代码：

<asp:Image ID="imgProduct" runat="server" ImageUrl="~/Images/1.png" />
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/2.png"  onmouseover="imgProduct.src='Images/2.png';"/>

如果我将 ID 更改为母版页中onmouseover="imgProduct.src=的任何图像 ID，则该图像正在正确更改，但它在默认页面中不起作用。

有什么建议么？

Answer 1

试试这个：

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/2.png"  
onmouseover="javascript:document.getElementById('imgProduct').src=this.src;" />

祝你好运 ！！

Answer 2

在 Page_Load 事件中添加这一行。

Image2.Attributes.Add("onmouseover",imgProduct.ClientID+".src='Images/2.png'");