我有这段代码，它可以很好地交替实际的行，但只能在“奇数”行上盘旋。
我正在使用以下代码：
<script type="text/javascript">
$(document).ready(function(){
//jQuery ready is quicker than onload
$(".stripeMe tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");});
$(".stripeMe tr:even").addClass("alt");
});
这是我正在使用的CSS
#table tr.over td{background: #bcd4ec;}
#table tr.alt td {background: #ecf6fc;}
有任何想法吗？
你的alt风格会覆盖你的风格。你必须切换线。
#table tr.alt td {background: #ecf6fc;}
#table tr.over td{background: #bcd4ec;}
现在.alt的优先级低于.over，因为它之前已定义。
改变CSS：
#table tr td { /* regular not hovered */ }
#table tr.alt td { /* alternative, not hovered */ }
#table tr.over td {background: #bcd4ec;}
#table tr.alt.over td {background: #ecf6fc;}
在这里你有一个工作的例子，问题是css的层次结构，现在正在工作，因为上课y下来。在这种情况下，over类将替换alt类。
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5b1.js"></script>
</head>
<body>
<style>
#table tr.alt { background: #ecf6fc;}
#table tr.over { background: red;}
</style>
<table id="table" class="stripeMe">
<tr>
<td>aaaa</td>
</tr>
<tr>
<td >bbbb</td>
</tr>
</table>
<script type="text/javascript">
$(document).ready(function(){
//jQuery ready is quicker than onload
$(".stripeMe tr").mouseover(function() {$(this).removeClass("over");$(this).addClass("over");}).mouseout(function() {$(this).removeClass("over");});
$(".stripeMe tr:even").addClass("alt");
});
</script>
</body>
</html>
你不需要jQuery / Javascript来管理它。正如yoavmatchulsky提到的那样，改变你的CSS，但不要使用over class，而是使用：hover
#table tr td { /* regular */ }
#table tr.alt td { /* regular */ }
#table tr:hover td { background: #bcd4ec; }
#table tr.alt:hover td { background: #ecf6fc; }
编辑：由于它需要使用jQuery，这可能无法回答OP。但这比使用jQuery IMO要快。 jQuery必须查找并更新页面上多个元素的行为（例如，表行）以应用该行为。