1.jQuery鼠标滚轮事件插件Mouse Wheel 下载链接:https://github.com/brandonaaron/jquery-mousewheel/ 使用方法:// using bind$('#my_elem').bind('mousewheel', function(even.....
分类:
Web程序 时间:
2014-08-01 18:48:22
阅读次数:
418
现在的网页设计越来越高大上,效果越来越炫酷毙。一些浏览器的默认东西都被纷纷嫌弃,取而代之的是各种酷炫拽的模拟组件。就好像之前说过的视差滚动,又好像各种小清新的模拟滚动条,都有共同的事件:滚轮事件。
正如大家所知道的那样,jquery框架默认是不支持鼠标中轮滚轮事件的。要实现不同浏览器之间的滚轮事件,我们不能不说一下这个js组件了:jquery.mousewheel.js。...
分类:
其他好文 时间:
2014-07-21 11:28:04
阅读次数:
344
不多说,直接上代码。 //非iedocument.body.onmousewheel = function(event) { event = event || window.event; console.dir(event);};//firefoxdocument.body.addEventList...
分类:
Web程序 时间:
2014-07-01 13:02:52
阅读次数:
235
// 重写鼠标滚轮事件
mxEvent.addMouseWheelListener = function (funct) {
}
// 增加初次加载事件
window.onload = function () {
var element= document.getElementById('graph');
addScrollListener(element, wheelHa...
分类:
其他好文 时间:
2014-06-28 09:06:26
阅读次数:
311
delta的值是负的即-1,那么滚轮就是向下滚动,正的1就是向上。
插件方法:
1.为了监听滚轮事件,该插件引入了mousewheel事件,所以我们可以监听元素的mousewheel事件
2.该插件还提供了元素快捷方法mousewheel和unmousewheel用于监听和去掉元素对鼠标滚轮事件支持
$(document)
.mous...
分类:
Web程序 时间:
2014-06-08 14:58:49
阅读次数:
263
其实在大多数浏览器(IE6, IE7, IE8, Opera 10+, Safari
5+,Chrome)中,都提供了 “mousewheel” 事件。但杯具的是 Firefox 却不支持此事件,不过庆幸 Firefox
中提供了另外一个等同的事件:”DOMMouseScroll” 。 OK,我们现...
分类:
其他好文 时间:
2014-05-26 23:13:18
阅读次数:
410
鼠标滚轮事件的监听原理:判断鼠标滚轮的滚动获取一个值,根据这个值判断滚动的方向。分析:首先,判断滚轮方向。Firefox:detail,取值为-/+3(负值向上,正值向下);其他:wheelDelta,取值为+/-120(正值向上,负值向下)。兼容所有浏览器的的封装:function
scrollE...
分类:
其他好文 时间:
2014-04-27 21:28:13
阅读次数:
502