$(".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,为啥不在有图片的单元格上悬停,会出现一个没有图片的方框呢