HTML编程之滚轮滑动监听效果的实现

在前端页面制作过程中，我们经常会发现有时候某些动作需要滚动滑轮来实现，那么对于初学者来说可能不明白是如何实现的，对于这个问题，下面就来跟大家分析一下，如何用滚轮滑动监听效果的实现。

源代码如下：

windowAddMouseWheel();
function windowAddMouseWheel() {
    var scrollFunc = function (e) {
        e = e || window.event;
        if (e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件
            if (e.wheelDelta > 0) { //当滑轮向上滚动时
                alert("滑轮向上滚动");
            }
            if (e.wheelDelta < 0) { //当滑轮向下滚动时
                alert("滑轮向下滚动");
            }
        } else if (e.detail) {  //Firefox滑轮事件
            if (e.detail> 0) { //当滑轮向上滚动时
                alert("滑轮向上滚动");
            }
            if (e.detail< 0) { //当滑轮向下滚动时
                alert("滑轮向下滚动");
            }
        }
    };
    //给页面绑定滑轮滚动事件
    if (document.addEven