开发者社区> ghost丶桃子> 正文

js响应鼠标滚轮事件

简介:
+关注继续查看

js响应鼠标滚轮事件

 

复制代码
 1var up = $('up'), down = $('down'), log;
 2 
 3ExpandedBlockStart.gif[up, down].each(function(arrow) {
 4    arrow.setStyle('opacity', .1);
 5}
);
 6 
 7ExpandedBlockStart.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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
前端祖传三件套JavaScript的DOM之事件的各种具体事件类型的UI
在前端开发中,JavaScript 中的 DOM 事件机制提供了丰富的功能和灵活的方式来处理各种事件。本文将介绍 JavaScript 中常见的 UI 事件类型,包括鼠标事件、键盘事件、表单事件和窗口事件。
9 0
前端祖传三件套JavaScript的DOM之事件的事件委托
在前端开发中,事件处理是非常重要的一部分。JavaScript 中的 DOM 事件机制提供了丰富的功能和灵活的方式来处理各种事件,并且事件委托是其中不可或缺的一部分。本文将介绍 JavaScript 中的事件委托。
7 0
前端祖传三件套JavaScript的DOM之事件的事件流
在前端开发中,事件流是一种非常重要的概念。通过了解事件流的原理,我们可以更加深入地理解 JavaScript 的 DOM 事件机制,并实现更加复杂的交互效果。本文将介绍 JavaScript 中的事件流。
10 0
前端祖传三件套JavaScript的DOM之事件的事件对象
在前端开发中,事件处理是非常重要的一部分。JavaScript 中的 DOM 事件机制提供了丰富的功能和灵活的方式来处理各种事件,并且事件对象是其中不可或缺的一部分。本文将介绍 JavaScript 中的事件对象。
11 0
前端祖传三件套JavaScript的DOM之事件的冒泡/捕获
在前端开发中,事件处理是非常重要的一部分。JavaScript 中的 DOM 事件机制提供了丰富的功能和灵活的方式来处理各种事件,并且事件的传播方式也是其中不可或缺的一部分。本文将介绍 JavaScript 中的事件传播方式:冒泡和捕获。
10 0
JavaScript系列--事件
JavaScript系列--事件
17 0
都2022年了你不会还没搞懂js中的事件吧
最近在面试时候,发现很多小伙伴对js事件还不太熟悉,比如绑定事件的方式、事件监听、事件委托、事件传播、事件捕获、事件冒泡等等。今天笔者总结下,希望可以帮助到你们。
19 0
【JavaScript】事件的冒泡,委派,绑定和传播
【JavaScript】事件的冒泡,委派,绑定和传播
24 0
【JavaScript】DOM和事件简介和文档加载流程以及DOM查询(上)案例(附源码)
【JavaScript】DOM和事件简介和文档加载流程以及DOM查询(上)案例(附源码)
20 0
+关注
ghost丶桃子
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
在 IoT 设备进行 JavaScript 开发的探索之路
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多