js响应鼠标滚轮事件

js响应鼠标滚轮事件

 

 1var up = $('up'), down = $('down'), log;
 2 
 3[up, down].each(function(arrow) {
 4    arrow.setStyle('opacity', .1);
 5});
 6 
 7document.addEvent('mousewheel', function(event) {
 8    event = new Event(event);
 9 
    /**//* Mousewheel UP */
    if (event.wheel > 0) {
        up.setStyle('opacity', 1);
        down.setStyle('opacity', .1);
        log = 'up';
    } 
    /**//* Mousewheel DOWN*/
    else if (event.wheel < 0) {
        up.setStyle('opacity', .1);
        down.setStyle('opacity', 1);
        log = 'down';
    }
 
    $('log').setHTML(log);
 
    var cls = function() {
        [up, down].each(function(arrow) {
            arrow.setStyle('opacity', .1);
        });
    }.delay(100);
});

 

参考样例http://demos111.mootools.net/Mousewheel