Question

我希望在鼠标悬停时更改背景颜色。需要Javascript还是CSS足够？

我应该为COLUMN的背景颜色更改什么？

我的表：

<table width="100%" border="0" cellspacing="1" cellpadding="1"> 
  <tr>
    <th width="169" scope="col">İsim</th>
    <th width="380" scope="col">Açıklama</th>
    <th width="138" scope="col">Telefon Numarası</th>
    <th width="158" scope="col">İl</th>
  </tr>

   <tr>
    <td><?=$data['u_isim']?></td>
    <td><?=$data['u_aciklama']?></td>
    <td><?=$data['u_tel']?></td>
    <td><?=$data['u_il']?></td>
  </tr>
</table>

与this类似，但我无法确定这一点。

Answer 1

你的列是用table还是div制作的？如果它在div中，你可以像任何链接一样使用悬停，但并非所有导航器都支持它。

否则，使用jquery获得最佳结果。

Answer 2

如果你希望它在鼠标悬停时发生，你几乎需要Javascript。在CSS中使用col:hover选择器根本不可靠。

Answer 3

这些年后我不知道如何到达这里，但是……我看到仍然没有解决方案。

在2019年这很容易，您只需要选择一个有趣的hex color-在我的示例中，它将是红色（＃ff0000）。

在代码中执行此操作的第一步是向每个td元素添加一个类，如下所示：

    .example:hover {
  background-color: #ff0000;
}

然后在CSS中设置悬停，如下所示：

-<data>
    <totaltime>992.1</totaltime>
    <totaldist>0.0</totaldist>
   -<avg seg="0">
      <priamp>259.5</priamp>
      <bkgamp>159.2</bkgamp>
      <pritrav>4.99</pritrav>
      <bkgtrav>4.98</bkgtrav>
      <privolt>10.7</privolt>
      <bkgvolt>8.8</bkgvolt>
      <priwire>27.5</priwire>
      <bkgwire>17.8</bkgwire>
      <time_act>992.1</time_act>
      <heat>25.1</heat>
    </avg>
 </data>

就是这样，应该对您有用。

创建表更改列背景颜色

3 个答案: