简单实用的基于jQuery的表格样式（隔行换色+鼠标经过高亮）
希望各位高手高抬贵手，对于你们来说确实是简单的效果，请不要见怪。。。大牛们就掠过吧！
最近在搞项目的时候经常涉及到页面表格数据的显示，满屏幕的数据给用户寻找某一行带来了视觉上的挑战，小弟我也是jQuery的初学者，结合网上的资料编写了简单的效果，感觉还蛮使用的，发出来大家分享下：
鼠标经过高亮效果截图：
再添加隔行换色以后效果图：
但是此部分的隔行换色只能在IE上实现，其他浏览器没这个效果，希望哪位能够提提你的高见，实在是小弟我是初学者。
关键代码：
CSS文件：
body {font-size: 10pt;}.listView th {font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #4f6b72;border: 1px solid #97c8ff;letter-spacing: 2px;text-transform: uppercase;text-align: left;padding: 6px 11px;background: #b9e6fd no-repeat;}.listView tr { background-color:expression(this.rowIndex%2==0 ? "#F8F8F8":"#95bce2"); cursor:hand;}.listView td {border: 1px solid #97c8ff;font-size:12px;color: #4f6b72;padding: 6px 11px; border-bottom: 1px solid #95bce2; } tr.over td { background: #cccccc;}$(document).ready(function(){$("tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");})});.listView tr { background-color:expression(this.rowIndex%2==0 ? "#F8F8F8":"#95bce2");}<html><head><script type="text/javascript" src="jquery-1.3.2.min.js"></script> <style type="text/css">body {font-size: 10pt;}.listView th {font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #4f6b72;border: 1px solid #97c8ff;letter-spacing: 2px;text-transform: uppercase;text-align: left;padding: 6px 11px;background: #b9e6fd no-repeat;} .listView tr { background-color:expression(this.rowIndex%2==0 ? "#F8F8F8":"#95bce2");.listView td {border: 1px solid #97c8ff;font-size:12px;color: #4f6b72;padding: 6px 11px; border-bottom: 1px solid #95bce2; } tr.over td { background: #cccccc;}</style><script>$(document).ready(function(){$("tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");})});</script></head><body> <table name="code">$(document).ready(function() { $("tr").hover( function(){ $(this).addClass("over"); }, function(){ $(this).removeClass("over"); } );});