鼠标悬停图片上实现放大,或者点击放大也行。(大佬求助)
  1. 找到这个JS脚本不行……

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

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

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

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

  6. $("body").append("<div id='preview'><img src='"+ img +"'  /></div>");   //弹出一个div里面放着图片  

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

  8. .css("-ms-transform","translate(-50%,-50%)")  

  9. .css("-moz-transform","translate(-50%,-50%)")  

  10. .css("-o-transform","translate(-50%,-50%)")  

  11. .css("transform","translate(-50%,-50%)")  

  12. .css("left","50%")  

  13. .css("top","50%")  

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

  15. .css("position","absolute")               

  16. });  

  17. //鼠标离开这个div移除  

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

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

  20. });  

FineReport 丑华 发布于 2022-3-21 21:22
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
丑华Lv2见习互助
发布于2022-3-21 22:01

$(".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();

    });

最佳回答
0
zsh331Lv8专家互助
发布于2022-3-21 21:24

JS实现悬停放大图片-https://bbs.fanruan.com/thread-133897-1-1.html

————————

  • zsh331 zsh331 回复 丑华(提问者) 填报方式预览,文档下面的模板下载好像有点问题。
    2022-03-21 21:33 
  • 1关注人数
  • 548浏览人数
  • 最后回答于:2022-3-21 22:01
    请选择关闭问题的原因
    确定 取消
    返回顶部