js响应鼠标滚轮事件
js响应鼠标滚轮事件
var
up
=
$(
'
up
'
), down
=
$(
'
down
'
), log;2
3
[up, down].each(
function
(arrow)
{4
arrow.setStyle('opacity', .1);5
}
);6
7
document.addEvent(
'
mousewheel
'
,
function
(event)
{8
event = new Event(event);9
10
/* Mousewheel UP */11
if (event.wheel > 0) {12
up.setStyle('opacity', 1);13
down.setStyle('opacity', .1);14
log = 'up';15
} 16
/* Mousewheel DOWN*/17
else if (event.wheel < 0) {18
up.setStyle('opacity', .1);19
down.setStyle('opacity', 1);20
log = 'down';21
}22
23
$('log').setHTML(log);24
25
var cls = function() {26
[up, down].each(function(arrow) {27
arrow.setStyle('opacity', .1);28
});29
}.delay(100);30
}
);
