js响应鼠标滚轮事件

简介:

js响应鼠标滚轮事件

 

复制代码
 1 var  up  =  $( ' up ' ), down  =  $( ' down ' ), log;
 2  
 3 ExpandedBlockStart.gif[up, down].each( function (arrow)  {
 4    arrow.setStyle('opacity', .1);
 5}
);
 6  
 7 ExpandedBlockStart.gifdocument.addEvent( ' mousewheel ' function (event)  {
 8    event = new Event(event);
 9 
10ExpandedSubBlockStart.gif    /* Mousewheel UP */
11ExpandedSubBlockStart.gif    if (event.wheel > 0{
12        up.setStyle('opacity'1);
13        down.setStyle('opacity', .1);
14        log = 'up';
15    }
 
16ExpandedSubBlockStart.gif    /* Mousewheel DOWN*/
17ExpandedSubBlockStart.gif    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 
25ExpandedSubBlockStart.gif    var cls = function() {
26ExpandedSubBlockStart.gif        [up, down].each(function(arrow) {
27            arrow.setStyle('opacity', .1);
28        }
);
29    }
.delay(100);
30}
);
复制代码

 

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

欢迎加群互相学习,共同进步。QQ群:iOS: 58099570 | Android: 330987132 | Go:217696290 | Python:336880185 | 做人要厚道,转载请注明出处!http://www.cnblogs.com/sunshine-anycall/archive/2009/02/25/1397887.html
相关文章
|
3月前
|
JavaScript 前端开发
|
3月前
|
JavaScript 算法
|
3月前
|
JavaScript
|
12天前
|
JavaScript
事件触发、事件捕获与事件冒泡(js的问题)
事件触发、事件捕获与事件冒泡(js的问题)
|
14天前
|
JavaScript 前端开发 流计算
JS:oninput和onchange事件的区别
JS:oninput和onchange事件的区别
16 1
|
1月前
|
JavaScript 前端开发
JS页面加载事件
JS页面加载事件
|
1月前
|
JavaScript
|
1月前
|
JavaScript 前端开发
js阻止浏览器默认事件和防止事件传播事件
js阻止浏览器默认事件和防止事件传播事件
20 3
|
1月前
|
JavaScript
js事件记录(如有更新请留言我去补充)
js事件记录(如有更新请留言我去补充)
|
2月前
|
前端开发 JavaScript
JavaScript 中的事件委托机制详解
【2月更文挑战第2天】本文将深入探讨 JavaScript 中的事件委托机制,介绍其原理、优势以及实际应用场景,帮助读者更好地理解并运用这一重要的前端开发技术。