兼容各浏览器：

 

 
    
     
         
  1. <script> 
    2.  
         
  2. <!-- 
    3.  
         
  3.     function wsug(e, str){ 
    4.  
         
  4.         var oThis = arguments.callee; 
    5.  
         
  5.         if(!str) { 
    6.  
         
  6.             oThis.sug.style.visibility = 'hidden'; 
    7.  
         
  7.             document.onmousemove = null; 
    8.  
         
  8.             return; 
    9.  
         
  9.         }        
    10.  
         
  10.         if(!oThis.sug){ 
    11.  
         
  11.             var div = document.createElement('div'), css = 'top:0; left:0; position:absolute; z-index:100; visibility:hidden'; 
    12.  
         
  12.                 div.style.cssText = css; 
    13.  
         
  13.                 div.setAttribute('style',css); 
    14.  
         
  14.             var sug = document.createElement('div'), css= 'font:normal 12px/16px "宋体"; white-space:nowrap; color:#666; padding:3px; position:absolute; left:0; top:0; z-index:10; background:#f9fdfd; border:1px solid #0aa'; 
    15.  
         
  15.                 sug.style.cssText = css; 
    16.  
         
  16.                 sug.setAttribute('style',css); 
    17.  
         
  17.             var dr = document.createElement('div'), css = 'position:absolute; top:3px; left:3px; background:#333; filter:alpha(opacity=50); opacity:0.5; z-index:9'; 
    18.  
         
  18.                 dr.style.cssText = css; 
    19.  
         
  19.                 dr.setAttribute('style',css); 
    20.  
         
  20.             var ifr = document.createElement('iframe'), css='position:absolute; left:0; top:0; z-index:8; filter:alpha(opacity=0); opacity:0'; 
    21.  
         
  21.                 ifr.style.cssText = css; 
    22.  
         
  22.                 ifr.setAttribute('style',css); 
    23.  
         
  23.             div.appendChild(ifr); 
    24.  
         
  24.             div.appendChild(dr); 
    25.  
         
  25.             div.appendChild(sug); 
    26.  
         
  26.             div.sug = sug; 
    27.  
         
  27.             document.body.appendChild(div); 
    28.  
         
  28.             oThis.sug = div; 
    29.  
         
  29.             oThis.dr = dr; 
    30.  
         
  30.             oThis.ifr = ifr; 
    31.  
         
  31.             div = dr = ifr = sug = null; 
    32.  
         
  32.         } 
    33.  
         
  33.         var ee = e || window.event, obj = oThis.sug, dr = oThis.dr, ifr = oThis.ifr; 
    34.  
         
  34.         obj.sug.innerHTML = str; 
    35.  
         
  35.         var w = obj.sug.offsetWidth, h = obj.sug.offsetHeight, dw = document.documentElement.clientWidth||document.body.clientWidth; dh = document.documentElement.clientHeight || document.body.clientHeight; 
    36.  
         
  36.         var st = document.documentElement.scrollTop || document.body.scrollTop, sl = document.documentElement.scrollLeft || document.body.scrollLeft; 
    37.  
         
  37.         var left = e.clientX +sl +17 + w < dw + sl && e.clientX + sl + 15 || e.clientX +sl-8 - w, top = e.clientY + st + 17; 
    38.  
         
  38.         obj.style.left = left+ 10 + 'px'; 
    39.  
         
  39.         obj.style.top = top + 10 + 'px'; 
    40.  
         
  40.         dr.style.width = w + 'px'; 
    41.  
         
  41.         dr.style.height = h + 'px'; 
    42.  
         
  42.         ifr.style.width = w + 3 + 'px'; 
    43.  
         
  43.         ifr.style.height = h + 3 + 'px'; 
    44.  
         
  44.         obj.style.visibility = 'visible'; 
    45.  
         
  45.         document.onmousemove = function(e){ 
    46.  
         
  46.             var ee = e || window.event, st = document.documentElement.scrollTop || document.body.scrollTop, sl = document.documentElement.scrollLeft || document.body.scrollLeft; 
    47.  
         
  47.             var left = e.clientX +sl +17 + w < dw + sl && e.clientX + sl + 15 || e.clientX +sl-8 - w, top = e.clientY + st +17 + h < dh + st && e.clientY + st + 17 || e.clientY + st - 5 - h; 
    48.  
         
  48.             obj.style.left = left + 'px'; 
    49.  
         
  49.             obj.style.top = top + 'px'; 
    50.  
         
  50.         } 
    51.  
         
  51.     } 
    52.  
         
  52. //--> 
    53.  
         
  53. </script> 
    54.  
         
  54. <a onmouseover="wsug(event, '共 100 个')" onmouseout="wsug(event, 0)" href="#">okok</a> 
    55.