鼠标悬停在第一个图像按钮时如何更改第二个图像按钮URL？ [英] how to change 2nd imagebutton url while mouseover 1st imagebutton?

问题描述

我有2个图像按钮，我想将鼠标悬停在imagebutton1上并更改imagebutton2的图像。



代码背后：

I have 2 imagebuttons, I want to hover over imagebutton1 and change imagebutton2's imageurl.

Code Behind:

Protected Sub DataList2_ItemDataBound(sender As Object, e As System.Web.UI.WebControls.DataListItemEventArgs) Handles DataList2.ItemDataBound
If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then
            Dim ImageButton1 As ImageButton = DirectCast(e.Item.FindControl("ImageButton1"), ImageButton)
            Dim ImageButton2 As ImageButton = DirectCast(e.Item.FindControl("ImageButton2"), ImageButton)

ImageButton1.Attributes.Add("onmouseover", "this.src='/images/this.gif'")
ImageButton2.Attributes.Add("onmouseover", "this.src='/images/this.gif'")

end if
end sub

我想这样做： imagebutton1 .attributes.add（onmouseover， imagebutton2.src ='/ image / differenti mage.gif'）



这可能吗？若有，请告诉我如何实现这一目标。

I want to do this: imagebutton1.attributes.add("onmouseover", "imagebutton2.src='/image/differentimage.gif'")

is this possible? if so please let me know how to achieve this.

推荐答案

您好，



试试这个，

Hi,

Try this ,

Protected Sub DataList2_ItemDataBound(sender As Object, e As System.Web.UI.WebControls.DataListItemEventArgs) Handles DataList2.ItemDataBound
If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then
            Dim ImageButton1 As ImageButton = DirectCast(e.Item.FindControl("ImageButton1"), ImageButton)
            Dim ImageButton2 As ImageButton = DirectCast(e.Item.FindControl("ImageButton2"), ImageButton)
 string ClientID = ImageButton2.ClientID;
ImageButton1.Attributes.Add("onmouseover", "ChangeImage('"+ClientID +"','/images/this.gif');")
ImageButton2.Attributes.Add("onmouseover", "ChangeImage('"+ClientID +"','/images/this.gif');")
 
end if
end sub

和Javascript函数

And Javascript Function

<script type="text/javascript">
function ChangeImage(obj,url)
{
 document.getElementByID(obj).src = url;
}
</script>

谢谢&问候



Siva Rm K

Thanks & Regards

Siva Rm K

这篇关于鼠标悬停在第一个图像按钮时如何更改第二个图像按钮URL？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！