Repeater中实现“鼠标滑动行变色”的效果
2011-01-20 21:08
603 查看
代码
最终效果：当鼠标移过数据表的记录行时，指针所指的行的背景色改变，以达到跟其他行区分的效果。
做法：在Repeater中的Itemtemplate下的<tr>中加入如上代码，即可实现！
<tr style='background-color: <%#(Container.ItemIndex%2==0)?"#eeeeee":"#ffffff"%>'onmouseover="this.style.background='#ddeeff'" onmouseout="this.style.background='<%#(Container.ItemIndex%2==0)?"#eeeeee":"#ffffff"%>'">
最终效果：当鼠标移过数据表的记录行时，指针所指的行的背景色改变，以达到跟其他行区分的效果。
做法：在Repeater中的Itemtemplate下的<tr>中加入如上代码，即可实现！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用ItemCreated事件和onmouseover两种方式 实现Repeater鼠标滑动效果
- 鼠标单击TR实现行变色效果，再次单击恢复原色
- jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
- repeater 设置鼠标滑过，行变色的效果
- js实现隔行变色操作鼠标经过效果
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- JS DOM实现鼠标滑动图片效果
- JS实现感应鼠标滑动提示层效果
- jQuery实现菜单感应鼠标滑动动画效果的方法
- jquery实现鼠标拖拽滑动效果来选择数字的方法
- jQuery实现菜单感应鼠标滑动动画效果的方法
- jquery实现隔行变色，点击换色，鼠标悬浮当前行变色效果,div+css 细表格样式
- jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
- jQuery实现HTML表格隔行变色及鼠标悬停变色效果
- jQuery实例--实现斑马线效果包括鼠标的移入移出变色
- asp.net下怎么实现Gridview鼠标滑过光棒变色效果
- jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
- jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码