1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    2.  
         
  2. <%@ page language="java" pageEncoding="utf-8"%> 
    3.  
         
  3.  <html xmlns="http://www.w3.org/1999/xhtml"> 
    4.  
         
  4.    
    5.  
         
  5. <head> 
    6.  
         
  6.    
    7.  
         
  7. <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> 
    8.  
         
  8.  <meta name="Author" content="Aultoale" /> 
    9.  
         
  9.    
    10.  
         
  10. <style type="text/CSS"> 
    11.  
         
  11.  body {font:normal 12px Verdana}  
    12.  
         
  12.  a#tip {position:relative;left:75px; font-weight:bold;}  
    13.  
         
  13.  a#tip:link,a#tip:hover {text-decoration:none;color:#000;display:block}  
    14.  
         
  14.  a#tip span {display:none;text-decoration:none;}  
    15.  
         
  15.  a#tip:visited {color:#000;text-decoration:underline;}  
    16.  
         
  16.  a#tip:hover #tip_info {display:block;border:1px solid #F96;background:#FFEFEF;padding:10px 20px;position:absolute;top:0px;left:90px;color:#009933}  
    17.  
         
  17.  </style> 
    18.  
         
  18.    
    19.  
         
  19. </head> 
    20.  
         
  20.    
    21.  
         
  21. <body> 
    22.  
         
  22.    
    23.  
         
  23. <a id="tip" href="#"> 
    24.  
         
  24.  这里有提示!  
    25.  
         
  25.  <span id="tip_info">这就是提示</span> 
    26.  
         
  26.  </a> 
    27.  
         
  27.    
    28.  
         
  28. </body> 
    29.  
         
  29.  </html> 
    30.  
        
 
    
效果：