$(".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","50%") .css("top","50%") .css("z-index","9999999") .css("position","absolute") .css("width","410px") .css("height","410px") }); //鼠标离开这个div移除 $(".x-table td").mouseout(function(e){ $("#preview").remove(); }); 找到上述代码好像实现不了,图片地址为数据库中的http的地址 |