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 ,如需转载请自行联系原作者



相关文章
|
22天前
|
JavaScript
vue中使用 HotKeys.js 教程(按键响应、快捷键开发)
vue中使用 HotKeys.js 教程(按键响应、快捷键开发)
39 0
|
1月前
|
JavaScript 前端开发
事件委托是JS技巧,通过绑定事件到父元素利用事件冒泡,减少事件处理器数量,提高性能和节省内存。
【6月更文挑战第27天】事件委托是JS技巧,通过绑定事件到父元素利用事件冒泡,减少事件处理器数量,提高性能和节省内存。例如,动态列表可共享一个`click`事件处理器,通过`event.target`识别触发事件的子元素,简化管理和响应动态内容变化。
19 0
|
22天前
|
JavaScript
js 事件流、事件冒泡、事件捕获、阻止事件的传播
js 事件流、事件冒泡、事件捕获、阻止事件的传播
11 1
|
24天前
|
JavaScript
vue 全局响应键盘按键/监听键盘事件(含 js 获取键盘keyCode值的方法)
vue 全局响应键盘按键/监听键盘事件(含 js 获取键盘keyCode值的方法)
31 2
|
21天前
|
JavaScript 容器
js【详解】事件
js【详解】事件
20 0
|
21天前
|
JavaScript
js【详解】event loop(事件循环/事件轮询)
js【详解】event loop(事件循环/事件轮询)
20 0
|
22天前
|
JavaScript
js 滚动鼠标滑轮放大缩小图片
js 滚动鼠标滑轮放大缩小图片
10 0
|
23天前
|
JavaScript 前端开发 UED
|
24天前
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
22 0
|
18天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
35 2