jQuery悬停显示内容

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

<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>

产品1
简要信息
产品2
简要信息
产品3
简要信息

当用户将鼠标悬停在表格单元格上时，我希望该单元格稍微淡出，然后在该单元格上覆盖一些内容，并调用产品页面的操作

没有太成功地将其付诸实施，因此任何指示都将受到赞赏。

利用：

利用：

参见

参见

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