简洁的滚动鼠标 改变图片大小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值控制的。

 

posted @ 2016-03-25 16:26  weixin186  阅读(763)  评论(1编辑  收藏  举报