jQuery 滚动鼠标中键图片自动改变大小(统一控制)
今天维护一个项目,需要对内容里的图片通过图片中间控制大小。由于是以前完成的,客户之前也没有提出要求,所以对已经添加后的数据没办法在一个个地在图片上加函数。网上查找了一下控制中键的资料,终于找到解决办法了!关于图片一个个控制的JS就不发了,网上一大堆,下面发一个统一控制的代码。
<script type="text/javascript"> $(function(){ function bbimg(o) { var zoom=parseInt(o.style.zoom , 10)||100; zoom+=event.wheelDelta/12; if (zoom>0) o.style.zoom=zoom+'%'; return false; } $('.article-content img').each(function(){ this.onmousewheel = function(){ return bbimg(this); } }); }); </script>