鼠标悬浮显示文字的简单方法

<!--方式一-->
<img src="/images/image/203.jpg" width="100" height="62" title="好空调，格力造">
<!--方式二-->
<img src="/images/image/203.jpg" width="100" height="62" mouseover="alert(好空调，格力造)">

<%--方式三--%>
 <table border="1">
      <tr>
        <td onmouseover="overShow()" onmouseout="outHide()">文字内容2</td>
      </tr>
  </table>
   <div id="showDiv" style="position: absolute; background-color: white; border: 1px solid black;">
   </div>
<script>
   function overShow() { 
      var showDiv = document.getElementById('showDiv'); 
      showDiv.style.left = event.clientX; 
      showDiv.style.top = event.clientY; 
      showDiv.style.display = 'block'; 
      showDiv.innerHTML = '鼠标停留显示内容2';
   }
   function outHide() { 
      var showDiv = document.getElementById('showDiv'); 
      showDiv.style.display = 'none'; 
      showDiv.innerHTML = '';
   }
</script>