JQuery鼠标滚轮事件

插件描述：jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。

转载自：http://www.jq22.com/yanshi357

jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。

mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event 外，还接收到第二个参数delta。

通过参数delta可以获取鼠标滚轮的方向和速度。

如果delta的值是负的即-1，那么滚轮就是向下滚动，正的1就是向上。

Js代码

// using bind$('#my_elem').bind('mousewheel', function(event, delta, deltaX, deltaY) {    if (window.console && console.log) {         console.log(delta, deltaX, deltaY);    }});// using the event helper$('#my_elem').mousewheel(function(event, delta, deltaX, deltaY) {    if (window.console && console.log) {         console.log(delta, deltaX, deltaY);    }});

if($("#navbar").height()>$("#leftMain").height()){    $("#navbar").on("mousewheel",function(event, delta){        event.stopPropagation();        if(delta>0){        $("#navbar").find("li.l_m_li:hidden").filter("li:first").show();        $("#navbar").find("li.l_m_li:visible").filter("li:last").hide();        }else if(delta<0){        $("#navbar").find("li.l_m_li:hidden").filter("li:first").show();        $("#navbar").find("li.l_m_li:visible").filter("li:first").hide();        }        });    }