마우스 위치 tr td 올려놨을때 처리부분 소스 입니다.

$( "#tdtable1 tr, #tdtable3 tr" ).on( "mouseover", function() {
    $( this ).css( "background-color", "#f4f4f4" );
    $( this).children("td").css( "cursor", "pointer" );
});

$( "#tdtable1 tr, #tdtable3 tr" ).on( "mouseleave", function() {
    $( this ).css( "background-color", "white" );
});

원하는 id,class 위치 색상 변경하고 사용하면 된다.