js响应鼠标滚轮事件

简介:

js响应鼠标滚轮事件

 

复制代码
 1 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}
);
复制代码

 

参考样例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
相关文章
|
2月前
|
JavaScript 前端开发 测试技术
盘点原生JavaScript中直接触发事件的方式
本文全面探讨了原生JavaScript中触发事件的多种方式,包括`dispatchEvent`、`Event`构造函数、`CustomEvent`构造器、直接调用事件处理器以及过时的`createEvent`和`initEvent`方法。通过技术案例分析,如模拟点击事件、派发自定义数据加载事件和实现提示框系统,帮助开发者掌握这些方法在实际开发中的应用,提升灵活性与兼容性。
52 3
|
4月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
111 5
|
5月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
90 6
|
5月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
272 0
|
5月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
77 0
|
5月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
60 3
|
5月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
|
5月前
|
JavaScript 前端开发 Android开发
JavaScript触摸touch事件
JavaScript触摸touch事件
|
5月前
|
JavaScript 前端开发 UED
JavaScript 计时事件
JavaScript 计时事件
26 0
|
5月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件

热门文章

最新文章