在IE8中突出显示斑马表的行和列

时间:2014-05-31 22:32:36

标签: javascript jquery html css

这是MSIE的问题,试图通过悬停斑马条纹表的表格单元来选择行和列。我想使用jQuery,但如果我发现任何Javascript中的任何可能性我都会心情更好。没有斑马效应,我发现了这个:

<style>
.hilite { background: #fda; }
td:hover { background: #EEE;}
</style>

html:
<table id="tab">
<colgroup><col /><col /><col /><col /><col /></colgroup>
<tr><td>When</td><td>a</td><td>problem</td><td>comes</td><td>along,</td></tr>
<tr><td>you</td><td>a</td><td>whip</td><td>it</td><td></td></tr>
<tr><td>Before the</td><td>cream</td><td>stays</td><td>out too</td><td>long</td></tr>
<tr><td>you</td><td>must</td><td>whip it</td><td>When</td><td>something's</td></tr>
<tr><td>going</td><td>a</td><td>you</td><td>must</td><td>whip it</td></tr>
</table>

script:
$(function(){
$("td").hover(function(){
$("#tab col").eq($(this).index()).addClass("hilite");
$(this).closest("tr").addClass("hilite");
},function(){
$("#tab col").eq($(this).index()).removeClass("hilite");
$(this).closest("tr").removeClass("hilite");
});
});

to find an example here:

但不能同时兼顾斑马效应。

a further example here

0 个答案:

没有答案