$("img").mouseover(function(e){ var img=$(this).attr("src"); //获取鼠标当前所在单元格的row $("body").append("<div id='preview'><img 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","40%") .css("top","40%") .css("z-index","9999999") .css("position","absolute") .css("transform","scale(1)") }); //鼠标离开这个div移除 $("img").mouseout(function(e){ $("#preview").remove(); });
可以试试这样,但是好像单元格没有办法添加事件
|