提示工具

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function gettip(txt)
  5. {
  6. document.getElementById('tip').innerHTML=txt
  7. }
  8.  
  9. function reset()
  10. {
  11. document.getElementById('tip').innerHTML=""
  12. }
  13. </script>
  14. </head>
  15.  
  16. <body>
  17. <p>把鼠标移动到下面的饮料上：</p>
  18.  
  19. <span onmouseover="gettip('热的黑色饮品')"
  20. onmouseout="reset()">咖啡</span>
  21. <br /><br />
  22. <span onmouseover="gettip('冷的白色饮品')"
  23. onmouseout="reset()">牛奶</span>
  24.  
  25. <p id="tip"></p>
  26. </body>
  27. </html>