1

我使用以下程序在鼠标悬停事件中创建突出显示行，它工作正常，但我的问题是，如果鼠标悬停在特定行上，突出显示栏之间是否出现空白？如何删除空格？

表创建： 

<table border="0" id="TabDeclaration"  width="100%" cellpadding="5" cellspacing="3" border="2">
    <tr>
        <td>aaaa</td>
        <td>bbbb</td>
        <td>azaz</td>
    </tr>
    <tr>
        <td>cccc</td>
        <td>dddd</td>
    </tr>
    <tr>
        <td>eeee</td>
        <td>ffff</td>
    </tr>      
</table>

用于调用 css 的 jQuery：

$('#TabDeclaration tr').mouseover(function() {
    if($.trim($(this).text()) != '')
       $(this).addClass('hovered');
    }).mouseout(function() {
       $(this).removeClass('hovered');
});

CSS：

.hovered td {
   background: #ddd;
}
4

2 回答 2

4

你为什么要使用javascript？仅使用 css 选择器会容易得多:hover。

HTML：

<tr>
    <td>aaaa</td>
    <td>bbbb</td>
    <td>azaz</td>
</tr>

<tr>
    <td>cccc</td>
    <td>dddd</td>
</tr>
 <tr>
    <td>eeee</td>
    <td>ffff</td>
</tr>

CSS：

tr:hover {
  background: #ddd;
}

当鼠标悬停在表格行上时，这应该可以正常工作。选择:hover器适用于任何 HTML 元素，而不仅仅是<a>标签。

于 2012-07-24T14:04:02.377 回答
0

在 table 标记中，定义此属性

cellspacing="0"
于 2012-07-24T13:57:21.467 回答