0

我有一个 html 表：

<table id=mytable>
<tr>
<th>Configurations</th>
<th>Dual 1.8GHz</th>
<th>Dual 2GHz</th>
<th>Dual 2.5GHz</th>
</tr>
</table>

然后我写了以下内容：

 <script type="text/javascript">

$('#mytable tr').hover(
  function () {
    $(this).css("background","yellow");
  }, 
  function () { 
    $(this).css("background","");
  }

);

</script>

当我将鼠标悬停在表格行上时，它在 Firefox 中变为黄色，但在 IE 中变为白色！有任何想法吗？

4

3 回答 3

1 
<style>
.someClass{/*all the proertiese you wanna set*/}
</style>
$('#mytable tr').hover(
  function () {
    $(this).addClass('someClass');
  }, 
  function () { 
    $(this).removeClass('someClass')
  }

);
于 2013-02-24T08:37:23.847 回答
0

代替

$(this).css("backgroundColor","yellow");

和

$(this).css("backgroundColor","");

或者你可以传递一个 CSS 属性对象

$(this).css({
  background-color: 'yellow',
  background-image: 'url("blablabla")'
});
于 2013-02-24T08:34:05.767 回答
0

做：

$(this).css("backgroundColor","yellow");
//or
$(this).css("background-color","yellow");
于 2013-02-24T08:34:32.067 回答