cap页面展示图片可以设置图片点击放大吗？怎么设置？

FineReport 用户a4836251 发布于 2021-10-26 16:39

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

luojian0323Lv7资深互助
发布于2021-10-26 16:45（编辑于 2021-10-26 16:46）

鼠标悬停放大图片:

加载结束事件:

$("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","10%") .css("z-index","9999999") .css("position","absolute") .css("transform","scale(1)") }); //鼠标离开这个div移除 $("img").mouseout(function(e){ $("#preview").remove(); });