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

var col=Number($(this).attr("col"))+1;  //获取鼠标当前所在单元格的col 

var row=$(this).attr("row");  //获取鼠标当前所在单元格的row 

var img=contentPane.curLGP.getCellValue(col,row);  //获取到隐藏的图片地址

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

$("#preview")//修改这个div的样式，让他居中

.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","30%")

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

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

.css("position","absolute")        

.css("width","900px")

.css("height","650px")

    });

   //鼠标离开这个div移除

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

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

    });

使用这个JS，为啥不在有图片的单元格上悬停，会出现一个没有图片的方框呢