简洁的滚动鼠标 改变图片大小js

//--------------------------------------------实现滚动鼠标缩放图片    
    function bbimg(o){
    var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/7;if (zoom>0) o.style.zoom=zoom+'%';
    return false;
    }

//-->

//----html
<img onmousewheel="return bbimg(this)" src="">
　　说明：

wheelDelta/7的数字7，该数字越大，滚动鼠标图片变化的尺寸越小；
zoom：通过设置$('.pic_img img').css('zoom','100%')，zoom的css值可以初始化图片尺寸；即每次关闭放大的图片之后再次打开，就初始化图片尺寸到原尺寸。因为图片最终大小是通过zoom值控制的。

 

转载于:https://www.cnblogs.com/weixin186/p/5319982.html