JS

$("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", "10%")

.css("top", "10%")

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

.css("position", "absolute")

.css("transform", "scale(1)")

});

//鼠标离开这个div移除

$("img").mouseout(function(e) {

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

});

这个JS,在哪里可以改变图片显示的大小呢(JS小白)

FineReport yzmXrTpA3762457 发布于 2024-8-14 17:46
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
用户k6280494Lv6资深互助
发布于2024-8-14 17:49

如果是放大不用这么麻烦

$('div[widgetname="REPORT0"]').hover(  

    function() {  

      $(this).css("transform", "scale(1.1)"); // 鼠标悬浮时放大  

    }, function() {  

      $(this).css("transform", "scale(1)"); // 鼠标离开时恢复原状  

    }  

  );  

  • 2关注人数
  • 116浏览人数
  • 最后回答于:2024-8-14 17:49
    请选择关闭问题的原因
    确定 取消
    返回顶部