Question

鼠标悬停时为 TD 着色

2011-02-21

3098

javascript css hover html-table

我想在 smarty 中为 td 添加鼠标悬停时的背景颜色。

如何使用创建悬停？我为悬停创建了一个类，但它不起作用。

帮帮我吧

Answer 1

请参阅 css :hover 选择器。

对于您的情况：

td.yourClass { background-color: transparent; }
td.yourClass:hover { background-color: red; /* for example */ }

现场演示

Answer 2

<SCRIPT language="JavaScript">
function rollbg(chosen, objectID) {
if(chosen == "roll") {
document.getElementById(objectID).className="roll";
}
else {
document.getElementById(objectID).className="over";
}
}
</SCRIPT>




    <STYLE>

.hlink {
display block;
height:20px;
width:75px;
color:black;
background-color:white;
text-align:center;
text-decoration:none;
}
.hlink:hover {
color:white;
background-color:black;
}

    </STYLE>

Answer 3

你可以试试这个....

<style>
td.navon {
background-color: #999999;
cursor: hand}
td.navoff {
background-color: #FFFFFF}
</style>

<table>
  <tr>
    <td class="navoff" onmouseover="className='navon'" onmouseoff="className='navoff'">
      td 1
    </td>
  </tr>
  <tr>
    <td class="navoff" onmouseover="className='navon'" onmouseoff="className='navoff'">
      td 2
    </td>
  </tr>
</table>