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: 572064792 | Nodejs:329118122 做人要厚道,转载请注明出处!















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



相关文章
|
2天前
|
JavaScript 前端开发 流计算
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
|
3天前
|
消息中间件 存储 设计模式
JavaScript发布订阅模式:实现事件驱动编程!
JavaScript发布订阅模式:实现事件驱动编程!
|
3天前
|
设计模式 存储 消息中间件
JavaScript观察者模式:实现对象间的事件通信!
JavaScript观察者模式:实现对象间的事件通信!
|
4天前
|
JSON JavaScript API
使用 Node.js 开发一个简单的 web 服务器响应 HTTP post 请求
使用 Node.js 开发一个简单的 web 服务器响应 HTTP post 请求
11 1
|
4天前
|
JSON JavaScript 中间件
使用 Node.js 开发一个简单的 web 服务器响应 HTTP get 请求
使用 Node.js 开发一个简单的 web 服务器响应 HTTP get 请求
9 2
|
4天前
|
JavaScript 前端开发 开发者
javascript事件大全
javascript事件大全
13 1
|
4天前
|
JavaScript 前端开发
Javascript的一些监听事件
Javascript的一些监听事件
12 2
|
4天前
|
JavaScript 前端开发
js的事件介绍
js的事件介绍
16 1
|
4天前
|
JavaScript 前端开发
js的事件
js的事件
15 1
|
4天前
|
JavaScript 前端开发
js的交互事件
js的交互事件
15 1