//--------------------------------------------实现滚动鼠标缩放图片    
    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值控制的。

 

相关文章:

  • 2021-11-24
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-17
  • 2022-12-23
  • 2021-05-15
猜你喜欢
  • 2022-12-23
  • 2021-08-03
  • 2022-12-23
  • 2022-02-15
  • 2021-08-02
  • 2022-12-23
相关资源
相似解决方案