CSS代码
<style>
.tr_hover{background-color:#47C240} /* 鼠标悬停上的背景色 */
.selected{background-color: #51b2f6} /* 选中行变色 */
</style>
$(document).on('messageReceived',function(e, data){
try{
$.each(data, function(i, rowData){
$('#msgtable').messageTable('appendData', [rowData]);
});
}catch(ex){
JSTOOL.debug(ex);
//鼠标滑动,行色变化
$('tr:gt(0)').mouseover(function(){
$(this).addClass('tr_hover'); //通过jQuery控制实现鼠标悬停上的背景色,无视标题行用:gt(0)
}).mouseout(function(){
$(this).removeClass('tr_hover'); //通过jQuery控制实现鼠标悬停上的背景色
});
//选中行变色
$(function () {
$('tbody>tr').click(function () {
$(this).addClass('selected') //为选中项添加高亮
.siblings().removeClass('selected')//去除其他项的高亮形式
.end();
});
});
});