Javascript 使用带有IE的JQuery在悬停时突出显示表行-所有版本

Javascript 使用带有IE的JQuery在悬停时突出显示表行-所有版本,javascript,jquery,html,css,internet-explorer,Javascript,Jquery,Html,Css,Internet Explorer,我在jsp页面中有一个表,它有许多行和列,我想让访问者以我的页面为导向,当他们在行或列上移动鼠标时,应该用不同的背景色突出显示。 我的**悬停功能**代码在crome、firefox等其他浏览器上运行良好,而不是IE,我需要保持content=IE-5 这是我的密码: <meta http-equiv="X-UA-Compatible" content="IE=5" /> <script type="text/javascript" src="javascripts/jquer

我在jsp页面中有一个表,它有许多行和列,我想让访问者以我的页面为导向,当他们在行或列上移动鼠标时,应该用不同的背景色突出显示。 我的**悬停功能**代码在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

为什么不使用CSS?它应该在几乎所有IE版本中都支持,除了3以下的所有版本

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

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

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

希望这有帮助

这可以通过CSS实现,那么为什么我们需要使用javascript?[我]需要保持content=IE-5-我衷心同情你。这对“所有版本”的IE都有效吗?我认为IE6在只应用/允许:悬停在元素上时有一些问题?我没有用IE6检查它。它肯定会得到IE7及以上版本的支持。如果要求是IE7或更高版本,请查看链接了解更多信息,因为这是所有版本。我不相信这可以被视为问题的解决方案。不过,无可否认,我不会再费心支持IE7了。是的,David Thomas我同意你的观点。若我使用Frebin解决方案,它可以使用所有浏览器,但不能使用IE-5。我需要IE-5的这个功能,其中文档模式:IE5 quicks。使用differnet IE Document Mode IE-7时,它可以工作,但我的其他css会受到影响,因此我只能使用IE5 Document Mode。感谢您的回答,但它不能使用IE-5,我只需要使用Document Mode:IE5 quicks时才需要此功能。