开发者社区> ghost丶桃子> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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学习笔记(三),js中的事件,this的使用、表单验证、省市级联下拉框案例
JavaScript学习笔记(三),js中的事件,this的使用、表单验证、省市级联下拉框案例
0 0
简单解析JavaScript的默认事件及如何阻止默认事件
简单解析JavaScript的默认事件及如何阻止默认事件 上篇文章就提到,在JavaScript中提到事件冒泡两个必不可少也要提的就是事件捕获和默认事件,现在来聊一聊什么是默认事件,及如何阻止默认事件。 1.什么是默认事件 顾名思义,默认事件就是默认执行的事件,比如 a标签,点击a标签,页面会自动跳转。如图: 在这里插入图片描述 HTML代码: <form action=""> <input type="submit" id="submit"> <input type="image" src="../../CSS/0421/car.jpg"
0 0
JS案例:基于发布订阅实现的事件消息中心-MessageCenter
JS案例:基于发布订阅实现的事件消息中心-MessageCenter
0 0
两个相同的负载user在一起启动的时候,造成相关接口调用第一次报异常 调用第二次正常 如此反反复复 解决方法;mysql复习、JavaScript HTML BOM和DOM触发监听机制事件
两个相同的负载user在一起启动的时候 造成相关接口调用第一次报异常 调用第二次正常 如此反反复复 解决方法 放掉一个实例个数
0 0
JS精髓中的精髓,事件进阶使用
1.事件监听器 如果要为一个元素添加多个相同的事件,该如何实现呢?这就需要用到另外一种添加事件的方式了,那就是——事件监听器 所谓的“事件监听器”,指的是使用addEventListener()方法为一个元素添加事件,我们又称之为“绑定事件” 案例:
0 0
JS的精髓,事件详解
鼠标单击 单击事件onclick,如点击某个按钮弹出一个提示框。这里要特别注意一点,单击事件不只是按钮才有,任何元素我们都可以为它添加单击事件!
0 0
JavaScript 常用的事件
JavaScript 常用的事件
0 0
正值初夏,了解一下JavaScript事件管理
正值初夏,了解一下JavaScript事件管理
0 0
JavaScript中 Touch 事件详解
JavaScript中 Touch 事件详解
0 0
13、JS事件(事件绑定、事件流、阻止事件冒泡、取消元素默认行为)
13、JS事件(事件绑定、事件流、阻止事件冒泡、取消元素默认行为)
0 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Javascript中的函数
立即下载
Javascript异步编程
立即下载
JS零基础入门教程(上册)
立即下载