js实现当鼠标移到表格上时显示这一格全部内容的代码

  

  

    
序号
    
名称
    
类别
    
单位
    
成果要求
    
进展
  

    
最新进展
    
更新时间
  
  

  

    
1
    
阿拉蕾
    
阿拉蕾
    
阿拉蕾
    
阿拉蕾
    
阿拉蕾
    

  
  

    
2
    
阿拉蕾
    
阿拉蕾
    
阿拉蕾
    
阿拉蕾
    
阿拉蕾
    

  
  

    
3
    
阿拉蕾
    
阿拉蕾
    
阿拉蕾,
    
阿拉蕾
    

  
  

$(function() {
    function showBox(obj,box){
      var timer = null;
      $(obj).on("mouseover", function (e) {
        clearTimeout(timer);
        var clientX = e.clientX;
        var clientY = e.clientY;
        var txt = $(this).text();
        timer = setTimeout(function () {
          console.log(clientX, clientY);
          $(box).css("left", clientX).css("top", clientY);
          if (txt == "") {
            $(box).hide();
          } else {
            $(box).show();
            $(box).html(txt);
          }
        }, 1000);
      });
      $(obj).on("mouseout",function(){
        clearTimeout(timer);
        $(box).hide();
      });
    }
    showBox("#example1 > tbody td","#showbox");
  });