我希望在鼠标结束时更改颜色并在离开时返回它（html）？

Question

我必须在onmouseover中撰写以更改<td>类中topic_name的背景颜色：

<td dir="rtl" class="topic_name" onmouseOver=""><\td>

这是topic_name类：

.topic_name {
    font-family: tahoma;
    font-size: 10pt;
    font-weight: bold;
    text-transform: capitalize;
    color: #FFFFFF;
    text-align: center;
    background-color: #627AAD;
    padding: 0cm;
    margin: 0px;
    width: 255px;
    height: 35px;
    cursor: pointer;cursor=hand;
}

Answer 1

使用CSS hover选择器

.topic_name:hover{
   background-color:yellow;
 }

请参阅example

Answer 2

onMouseover="this.style.backgroundColor='#000';" onMouseout="this.style.backgroundColor='#627AAD';

您可以随时使用jQuery这样的库，让您的生活更轻松;）