Question

这是我的桌子。

<?php 

while(($result = mysqli_fetch_assoc($query))){
echo  '<tr>';
echo '<td>';
echo $result['serial'];
echo '</td>';
echo '<td>';
echo $result['address'];
echo '</td>';
echo '<td>';
echo '<a href="profile-display.php?name='.$result['name'].'">'.$result['name'].'</a>' ;
echo '</td>';
echo '<td>';
echo $result['postal'];
echo '</td>';
echo '<td>';
echo $result['website'];
echo '</td>';
echo '</tr>';
}

?>

现在我希望如果用户将鼠标移到一行上，颜色应该会改变。

Answer 1

如果您不需要支持IE 6，请将其添加到您的CSS：

table tr:hover {
    background:orange;
}

Answer 2

制作<tr>代码<tr onMouseOver="this.bgColor='#EABF4E';">，或在CSS中使用table tr:hover。

Answer 3

我有点像菜鸟，但我认为你需要给表行一个类，然后在你的css文件中给该类一个悬停属性。

将类添加到表行中，如下所示：

echo  '<tr class="highlighter">';

您可以为其命名，只需确保在css文件中使用相同的名称。

现在，设置类的样式，以便当用户的鼠标悬停在其上时颜色会发生变化：

.highlighter:hover {
    background: #ffff99;
 }

Onmouseover改变表格行的颜色

3 个答案: