当前位置: 代码迷 >> ASP.NET >> 在repeater种如何实现光棒效果啊
  详细解决方案

在repeater种如何实现光棒效果啊

热度:8358   发布时间:2013-02-25 00:00:00.0
在repeater种怎么实现光棒效果啊?
我是用的repeater绑定的数据,想要实现光棒效果..
可是却不知道怎么做,还请高手们指教!!!!

------解决方案--------------------------------------------------------
很简单,定义个样式就完了:
<ItemTemplate>
<tr onmouseover="this.style.backgroundColor='#B9D1F3'" onmouseout="this.style.backgroundColor='#ffffff'">
<td align="center"><%#DataBinder.Eval(Container.DataItem, "字段1")%></td>
<td align="center"><%#DataBinder.Eval(Container.DataItem, "字段2")%></td>
<td align="center"><%#DataBinder.Eval(Container.DataItem, "字段3")%></td>
...
</tr>
</ItemTemplate>
------解决方案--------------------------------------------------------
一句CSS而已
比如在<li>标记里我们可以这么些

li{background-color:#000000} --鼠标不移动到li上的的效果
li:hover{background-color:#FFFFFF} --鼠标移动到li上的的效果

当然IE7以下{不包含IE}不支持非a标记以外的hover样式,你要用的话要写自定义样式,但我估计没人用IE6之类的了,流行的FF和Opera几个版本都很好的支持
------解决方案--------------------------------------------------------
<ItemTemplate> 
<tr onmouseover="this.style.backgroundColor='#B9D1F3'" onmouseout="this.style.backgroundColor='#ffffff'"> 
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段1")%> </td> 
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段2")%> </td> 
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段3")%> </td> 
... 
</tr> 
</ItemTemplate>
<AlternatingItemTemplate>
//更改onmouseover onmouseout 顔色就可以了。
<tr onmouseover="this.style.backgroundColor='#B9D1F3'" onmouseout="this.style.backgroundColor='#ffffff'"> 
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段1")%> </td> 
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段2")%> </td> 
<td align="center"> <%#DataBinder.Eval(Container.DataItem, "字段3")%> </td> 
... 
</tr> 
</AlternatingItemTemplate
  相关解决方案