//鼠标移入行高亮显示
jQuery代码

   $("#GridView1 tr").mouseover(function() {
        $(this).addClass('selected').siblings().removeClass('selected').end()
    });
    $("#GridView1 tr:has(:checked)").addClass('selected');

css代码

.selected{ background-color:#87CEFA;}

//隔行显色

jQuery代码

//设置奇数行的class属性为'odd'
$("#GridView1 tr:odd").addClass("odd");

//设置偶数行的class属性为'even'

$("#GridView1 tr:even").addClass("even")

css代码

.odd{ background-color:#DDEAF9;}

.even{background-color:#DDEAF9;}

ITPub博客

jQuery+css简单实现数据隔行异色选中高亮效果

最新文章