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

如果我将onmouseover="imgProduct.src=中的ID更改为母版页中的任何图片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'");