怎么在html网页实现图片的放大和缩小效果？

就是比如图片在一个div框里，鼠标移动上去，图片会放大，但是不会超出这个框，感觉就像是它在框的下面放大，鼠标移动走了之后，图片就缩小了

0个评论

1个牛币 html 网页特效图片放大图片缩小图片特效

所有回答列表(5)

shyleo LV18 2017年2月7日

你是说类似天猫上，商品的放大缩小吗？

heguangyue LV4 2017年2月7日

http://www.17sucai.com/pins/tag/229.html

这个链接或许可以解决您的问题！

http://www.17sucai.com/pins/tag/536.html

捏捏nidexiaonian LV2 2017年2月8日

这个用css3就能实现

.bul:hover img{transform:scale(1.2);/*放大1.2倍*/transition:all 1s ease ;-webkit-transform:scale(1.2);-webkit-transition:all 1s ease 0s;}

ysqanl LV2 2017年2月8日

直接使用css3新属性scale，在外面加一个box，固定大小，超出部分隐藏！

lichaobao LV1 2017年6月19日

function toBig(){
    var width = $("#bigImg").width();
    var height = $("#bigImg").height();
    if(width >= 550){
      return ;
    }
    width += 50;
    height += 50;
    $("#bigImg").css("width",width+"px").css("height",height+"px");
}
function toSmall(){
    var width = $("#bigImg").width();
    var height = $("#bigImg").height();
    if(width <= 280){
        return ;
    }
    width -= 50;
    height -= 50;
    $("#bigImg").css("width",width+"px").css("height",height+"px");
}

希望对你有帮助

最热评论
最新问答