今天要出个鼠标滚动放大缩小图片的功能，看似很简单，从网上一搜，出现的都是onmousewheel的例子，全部只支持IE浏览器，结果查出火狐有对应的DOMMouseScroll来处理这个功能，代码如下,并加上注意的注释项： 复制代码 代码如下: $(function(){ $(".body img").each(function(){ if($.browser.msie){ $(this).bind("mousewheel",function(e){ var e=e||event,v=e.wheelDelta||e.detail; if(v>0) resizeImg(this,false);//放大图片呗 else resizeImg(this,true);//缩小图片喽 window.event.returnValue = false;//去掉浏览器默认滚动事件 //e.stopPropagation(); return false; }) }else{ $(this).bind("DOMMouseScroll",function(event){ if(event.detail<0) resizeImg(this,false); else resizeImg(this,true); event.preventDefault()//去掉浏览器默认滚动事件 //event.stopPropagation(); }) } }); function resizeImg(node,isSmall){ if(!isSmall){ $(node).height($(node).height()*1.2); }else { $(node).height($(node).height()*0.8); } } }); 本文的demo请点击这里：滚动鼠标放大缩小图片效果

　　推荐阅读

　　对setInterval在火狐和chrome切换标签产生奇怪的效果之探索，与解决方案！

在上一篇文章： 觉得猪八戒网左下角的文字滚动，效果不错，自己摸索了一下，以自己的方法实现了！ 就有这种效果，不过影响不大。Demo的影响就大了！ 网上也有人出现过这样的问题看下面的帖子地址： firefox 6下 >>>详细阅读

本文标题：基于jquery的滚动鼠标放大缩小图片效果

地址：http://www.17bianji.com/kaifa2/JS/24004.html

 1/2    1