Asp.net_GridView隔行变色和光棒效果
方法一:前台和后台配合使用
1.aspx 隔行变色属性(<AlternatingRowStyle BackColor="#f5f5f5" />)
<script type="text/javascript"> $(document).ready(function(){ $(".gridview tr:odd").addClass("odd"); //奇数行设定为 "odd" 样式 $(".gridview tr:even").addClass("even"); //偶数行设定为 "even" 样式 $(".gridview tr").mouseover(function(){$(this).addClass("over");}) //当 mouseover 时加入 "over" 样式 .mouseout(function(){$(this).removeClass("over");}) //当 mouseout 时移除 "over" 样式 .click(function(){$(this).toggleClass("tr_chouse");}) //当 click 加入或移除 "tr_chouse" 样式,实现数据列选取 });</script>