在IE中使用JQuery悬停时突出显示表格行-所有版本

Question

我在jsp页面中有一个有很多行和列的表格，我想让访问者在我的页面上保持定向，当他们将鼠标移到行或列上时，它应该用不同的背景色突出显示。我的**hover funtionality**代码在其他浏览器上工作得很好，比如crome，firefox，而不是IE，我需要保留content="IE-5"

下面是我的代码：

<meta http-equiv="X-UA-Compatible" content="IE=5" />
<script type="text/javascript"
src="javascripts/jquery/jquery-1.5.1.min.js"></script>
<script type="text/javascript"
src="javascripts/jquery/jquery-ui-1.8.12.custom.min.js"></script>


$(document).ready(function() {
 $('#reportDashBoardTable tr').hover(
    function () {
        $(this).addClass('hover');
    },
    function () {
        $(this).removeClass('hover');
    }
  );
});

 <style type="text/css">
    .hover { background-color:#B0C4DE; }
 </<style>

如何在IE-所有版本中做到这一点？

提前感谢！

Anand

Answer 1

为什么不使用CSS？几乎每个IE版本都应该支持它(除了3以下的所有版本)

#reportDashBoardTable :hover { background-color:#B0C4DE; }

Answer 2

我们可以很容易地使用css来实现这一点

<style type="text/css">
    table tr:hover {
        background-color: red;
    }
</style>

希望这能有所帮助