鼠标滑过不同单元格，显示不同内容

 <script type="text/javascript">
 function showProductInfo(descr) {

//productInfo为div的id。后跟的是要显示在div中的html，decr为要显示的内容
  document.getElementById("productInfo").innerHTML="<font size=3 color=red>" + descr + "</font>";
 }
</script>

 

 

 

 

 List<SalesItem> items = OrderMgr.getInstance().getSalesItems(so);
  for(int i=0; i<items.size(); i++) {
   SalesItem si = items.get(i);
   %>
   <tr>
    
    <td onmouseover="showProductInfo('<%=si.getProduct().getDescr()%>')"><%=si.getProduct().getName() %></td>
    <%--
    <td><%=si.getProduct().getName() %></td>
    --%>
    <td><%=si.getUnitPrice() %></td>
    <td><%=si.getCount() %></td>
    
    <td></td>
   </tr>

 

 <div style="border:5px double purple;width:400;" id="productInfo">
  &nbsp;
 </div>