div 悬浮

一个小需求，鼠标移动一个产品那， 显示这个产品的具体信息

代码如下：

<a href="javascript:void(0);" onclick="frameSearch()" onmouseover="showDiv('<%=frameContractNO%>')" onmouseout="hideDiv('<%=frameContractNO%>')">点击</a>
          
 <div id = "<%=frameContractNO%>" style="z-index: 2; position: fixed; display: none;">
     <table style="position: absolute; width:260px;background-color: #f5fbfc;border: 1px solid #b0ced6">
           <tr>
              <td style="border: 0px;">品种：<%=prodTypeName%>，收货地址：<%=recOrderSheng%><%=recOrderShi%><%=recOrderXiang%></td>
           </tr>
     </table>
  </div>

onmouseover ： 移入                             onmouseout：移出

效果图：