我在html代码中添加了一个Repeater元素,该元素绑定一个数据源并显示数据源中的图片。现在需要实现一个效果,就是当鼠标移动到一个图片上时这个图片周围显示一个边框,当鼠标离开图片时边框消失。请问:图片控件的事件处理函数该怎么写呢?谢谢。
下面是一组图片示意图:
下面是现在的代码,其中onmouseover、onmouseout事件处理函数中的代码没有起作用。
1 <asp:Repeater ID="smallImageRepeater" runat="server"> 2 <ItemTemplate> 3 <img class="smallImage" src="<%#Eval("ProductImagePath") %>" onmouseover="border='2px solid #52820c'" onmouseout="border='2px solid white'"/> 4 </ItemTemplate> 5 </asp:Repeater>
加在<head>标签中间
<style>
.imgmouseover{border:2px solid #52820c;}
.imgmouseovut{border:2px solid white;}
</style>
<img onmouseover="this.className='imgmouseover';" onmouseout="this.className='imgmouseout';" />
又学习了一个小技巧,谢谢
试试JS?