今天在做项目时，用到鼠标滚动的事件，发出来学习下。

       本实例需要引用mousewheel.js。

JS代码如下：

<script src="http://www.xcsoft.cn/Public/js/jquery.mousewheel.js"></script>
<script>
var sp=0;
$(document).mousewheel(function(event, delta, deltaX, deltaY) {
    if (delta > 0){
        //向上滚动事件
        if(sp>=-200){
        sp=sp-100;
        $("#list").css({"margin-left":sp+"px"});
        }
    }else if (delta < 0){
        //向下滚动事件
        if(sp<=200){
        sp+=100;
        $("#list").css({"margin-left":sp+"px"});
        }
    }
});
</script>

       鼠标滚动时返回的delta，向上滚动时值是：1，向下滚动时值是-1，所以很好判断。

标签  技巧网页制作

按键盘左右方向键可快速浏览上一篇(←)、下一篇(→)