$(".x-table tr td img").mouseover(function(e){

  //获取到隐藏的图片地址

  var img=$(this).attr("src"); 

  $("body").append("<div id='preview'><img style='border:0;width:1200px;height:auto;' src='"+ img +"'  /></div>");        //弹出一个div里面放着图片

  $("#preview")

    .css("-ms-transform","translate(-50%,-50%)")

    .css("-moz-transform","translate(-50%,-50%)")

    .css("-o-transform","translate(-50%,-50%)")

    .css("transform","translate(-50%,-50%)")

    .css("left","50%")

    .css("top","50%")

    .css("z-index","9999999")

    .css("position","absolute")

    .css("pointer-events","none")

});

//鼠标离开这个div移除

$(".x-table td").mouseout(function(e){

  $("#preview").remove();

});

JS实现鼠标悬停显示图片 https://help.fanruan.com/finereport/doc-view-2478.html

悬停显示图片--https://help.fanruan.com/finereport10.0/doc-view-2478.html

图片灯箱插件 https://help.fanruan.com/finereport/doc-view-2661.html

JS实现悬停放大图片https://bbs.fanruan.com/thread-133897-1-1.html

哇趣，你这秒答啊