jquery插件默认是不支持鼠标中轮滚轮事件的，现在我们可以用于添加跨浏览器的鼠标滚轮支持可以使用jquery的Mousewheel插件。
 
使用mousewheel事件有以下两种方式：
 
使用mousewheel和unmousewheel事件函数；

使用经典的bind和unbind函数。

$('div.mousewheel_example').mousewheel(fn); 
$('div.mousewheel_example').bind('mousewheel', fn); 

mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event外，还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的，那么滚轮就是向下滚动，正的就是向上。
 
以下是示例的源代码：

jQuery(function($) { 
    $('div.mousewheel_example') 
        .bind('mousewheel', function(event, delta) { 
            var dir = delta > 0 ? 'Up' : 'Down', 
                vel = Math.abs(delta); 
            $(this).text(dir + ' at a velocity of ' + vel); 
            return false; 
        }); 
}); 

// 绑定方式 
$('#my_elem').bind('mousewheel', function(event, delta) { 
    console.log(delta); 
}); 
 
// 事件函数方式 
$('#my_elem').mousewheel(function(event, delta) { 
    console.log(delta); 
});