我已经通过张贴的所有答案看了，但我似乎无法获得此代码才能正常工作。我试图让单个细胞改变颜色，当我在它悬停，但我没有访问与我们正在使用的服务的.css。我被迫放弃的HTML代码框，我可以在我的代码粘贴到具体到我改变了元素，而不是整个.css文件...只是该元素。
这里是我的代码。在得到背景更改为＃FF0000和文字时，我翻身的细胞改变为＃000000任何帮助将不胜感激。
（这是最终我的意图添加>对每个小区的HREF为好，但我试图做一次这样的一个步骤。该> A HREF会（我希望）选定单元格添加到购物车。）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<title></title>
<style type="text/css">
body {
background: #000;
}
#wrap {
margin: 0 auto; /* margin 0 auto will center that box in your document */
width: 780px; /*size of your box*/
background: #000;
text-align: center; /* everything will be written in that box will be centered horizontally*/
}
</style>
<div id="wrap">
<table width="780">
<tr>
<td align="center">
<table border=1>
<tbody>
<!-- Results table headers -->
<tr>
<th>Messages Per Month</th>
<th>1 Month Pricing</th>
<th>3 Month Pricing</th>
<th>12 Month Pricing</th>
</tr>
<tr>
<td>500</td>
<td>$14.95/Month</td>
<td>$12.95/Month</td>
<td>$9.95/Month</td>
</tr>
<tr>
<td>1,000</td>
<td>$24.95/Month</td>
<td>$20.95/Month</td>
<td>$17.95/Month</td>
</tr>
<tr>
<td>1,500</td>
<td>$37.95/Month</td>
<td>$31.95/Month</td>
<td>$26.95/Month</td>
</tr>
<tr>
<td>2,000</td>
<td>$49.95/Month</td>
<td>$41.95/Month</td>
<td>$35.95/Month</td>
</tr>
<tr>
<td>2,500</td>
<td>$62.95/Month</td>
<td>$52.95/Month</td>
<td>$44.95/Month</td>
</tr>
<tr>
<td>5,000</td>
<td>$119.95/Month</td>
<td>Not Available</td>
<td>Not Available</td>
</tr>
<tr>
<td>7,500</td>
<td>$179.95/Month</td>
<td>Not Available</td>
<td>Not Available</td>
</tr>
<tr>
<td>10,000</td>
<td>$219.95/Month</td>
<td>Not Available</td>
<td>Not Available</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
在CSS：
td:hover {
background-color: #ff0000;
color: #000000;
}
或者你也可以使用JavaScript / jQuery的：
$(document).ready(function() {
$("td").hover(
function() {
$(this).css('background-color', '#ff0000');
$(this).css('color', '#000000');
},
function() {
$(this).css('background-color', 'none');
$(this).css('color', 'black'); // or whatever your original color was
}
);
});
用一个div（类=“cell_hvr”）和周围的内容的链接包裹单元数据。
.cell_hvr {
padding: 2px;
width: 100%;
height: 100%;
}
.cell_hvr a {
display: block;
text-decoration: none;
}
.cell_hvr a:hover {
background-color: red;
}
<div class="cell_hvr"><a href="#" target="_blank"> (Your content) </a></div>
您可以通过给每一个小区的类来完成此
<td class="a">..</td>
然后它造型
<style>
td.a { background-color:#ff0000; }
td.a:hover { background-color:#000000; }
</style>
CSS：td:hover, th:hover { background:#ff0000; color:#000; }
我一直在寻找的JavaScript版本的回答了这个问题。但是，我没有使用JQuery ..
我有oCell = newRow.insertCell();
oCell.style.background = tintTest(myCounts[i]);
myCounts仅仅是一个列保持一个Int ..
但现在我只是想在行砸它，并与循环移动之前在悬停背景颜色添加到我目前的oCell的......所以我发现下面的代码作为唯一的检查答案流“能” T为完成” ..只是不知道这甚至会帮助我。
var css = 'table td:hover{ background-color: #00ff00 }';
var style = document.createElement('style');
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
document.getElementsByTagName('head')[0].appendChild(style);
编辑！！！我刚刚发现我的问题（我希望代码剪断与你还在帮助），我尝试添加在CSS悬停，它只是不被支持的。