jQuery在悬停时显示内容

Question

基本上有一个产品表，类似于：

<table>
  <tr>
    <td>Product 1 <br> Brief info</td>
    <td>Product 2 <br> Brief info</td>
    <td>Product 3 <br> Brief info</td>
  </tr>
</table>

当用户将鼠标悬停在表格单元格上时，我希望稍微淡出单元格，然后将一些内容覆盖该单元格，并对产品页面执行号召性用语。

使用此功能并不太成功，因此任何指针都会受到赞赏。

Answer 1

利用：.hover()

$("table td").hover(
 function () {
     // mouse over
  }, 
  function () {
   // mouse out
  }
);

Answer 2

参见 DEMO