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