且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

js响应鼠标滚轮事件

更新时间:2022-09-14 10:30:12

js响应鼠标滚轮事件

 

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

22js响应鼠标滚轮事件 
23js响应鼠标滚轮事件    $('log').setHTML(log);
24js响应鼠标滚轮事件 
25js响应鼠标滚轮事件    var cls = function() {
26js响应鼠标滚轮事件        [up, down].each(function(arrow) {
27js响应鼠标滚轮事件            arrow.setStyle('opacity', .1);
28js响应鼠标滚轮事件        }
);
29js响应鼠标滚轮事件    }
.delay(100);
30js响应鼠标滚轮事件}
);
js响应鼠标滚轮事件

 

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

欢迎加群互相学习,共同进步。QQ群:iOS: 58099570 | Android: 572064792 | Nodejs:329118122 做人要厚道,转载请注明出处!















本文转自张昺华-sky博客园博客,原文链接:http://www.cnblogs.com/sunshine-anycall/archive/2009/02/25/1397887.html,如需转载请自行联系原作者