本文实例讲述了jQuery实现的鼠标滚轮控制图片缩放功能。分享给大家供大家参考，具体如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title www .jb51。网鼠标滚轮控制图片缩放/title脚本类型=' text/JavaScript ' src=' http : jquery-1。7 .2 .量滴js '/script script type=' text/JavaScript ' $(function(){ function zoomig(o){ var zoom=parsent(o . style。缩放，10)| | 100；zoom=事件。车轮增量/2；//可适合修改if(缩放0)o型。zoom=zoom " %} $(文档)。ready(function() { $('img ')).bind('mousewheel '，function(){ zoomig(this)；返回false })；});})/script/headdycenterimg src=' http :1。jpg '/中心/正文/html运行效果：

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery图片操作技巧大全》 、 《jQuery切换特效与技巧总结》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。