鼠标滚轮事件 MouseWheel

这个事件在标准下和IE下是有区别的。

firefox是按标准实现的,事件名为"DOMMouseScroll ",IE下采用的则是"mousewheel "。

 当然一行代码就解决了兼容问题 
var mousewheel = document.all?"mousewheel":"DOMMouseScroll";  
 

事件属性，IE是event.wheelDelta，Firefox是event.detail 属性的方向值也不一样，IE向上滚 > 0，Firefox向下滚 > 0。

 

使用插件 Mouse Wheel Extension 3.0.2

 

下载地址 http://plugins.jquery.com/files/jquery.mousewheel.3.0.2.zip

演示地址 http://brandonaaron.net/code/mousewheel/demos 

 

 

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;
        });
});