IE、Safari、 Opera 、chrome是mousewheel事件，Firefox是DOMMouseScroll事件。事件属性方面，IE等是 event.detail，Firefox是event. wheelDelta。IE等往上滚一圈为120，往下滚一圈为-120。Firefox往上滚一圈...
分类：
其他好文 时间：
2014-12-17 20:14:52
阅读次数：
149
最近做项目涉及到多个DIV切换效果，包括普通按钮点击切换和鼠标滚轮上下滚动切换等；其主要涉及到的内容就是鼠标滚轮上下切换的事件监听，此处是第一次接触到，故在此记录一下；也希望能帮到各位有需要的朋友。以下为项目实例：$(function(){varcount=$("#sysCount").val();var..
分类：
Web程序 时间：
2014-11-14 15:48:17
阅读次数：
196
网站需要实现鼠标滚轮滚一下，页面向下滑向下一个锚点，由于前面有个一样式必须用jQuery1.3.2，而好多滚轮事件都使用了更高版本的jQuery，于是就从网上找了找其实和网上的差不多，主要是发现在Chrome和360急速模式下鼠标滚轮滚一下，会触发两次，所以需要window.addEventList...
分类：
Web程序 时间：
2014-10-24 14:30:51
阅读次数：
154
鼠标滚轮兼容：/*事件：DOMMouseScroll（W3C）、onmousewheel（IE/Opera/ChromeS）滚轮方向判断：wheelDelta（IE/Opera/Chrome）、detail（Firefox）滚轮方向值：wheelDelta（上：120，下：-120）、detail（...
分类：
其他好文 时间：
2014-10-13 18:12:20
阅读次数：
236
1、fiefox:DOMMouseScroll detail detail*（-40）=wheelDelta 除了firefox之外：mousewheel wheelDelta值为+-120 未来浏览器：wheel deltaX deltaY delta...
分类：
其他好文 时间：
2014-09-26 00:29:07
阅读次数：
193
1.IE与chrome下:obj.onmousewheel FF下：使用 DOMMouseScroll ,注意，FF下没有obj.DOMMouseScroll 事件，必须使用addEventListener 来绑定。 //兼容写法obj.onmousewheel = fn;if(obj.addEv....
分类：
其他好文 时间：
2014-09-20 23:31:19
阅读次数：
307
jQuery时间轴插件：jQuery Timelinr这是一款可用于展示历史和计划的时间轴插件，尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery，可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。查看演示 下载源码HTML我们在body中建立一个di...
分类：
其他好文 时间：
2014-09-17 15:04:52
阅读次数：
268
本例中的大图模式使用图片控件展示，监听控件的鼠标滚轮事件和移动事件，缩略图和鹰眼模式采用装饰器对象IndicatorObject和Canvas布局。百分比使用一个定时器，根据图片的放大倍数计算具体的数值显示。首先看看效果图：以下开始绘制图片 定义缩略图上白色的矩形，这其实是一个Indicator.....
分类：
其他好文 时间：
2014-08-16 20:55:01
阅读次数：
843
jquery插件默认是不支持鼠标中轮滚轮事件的，现在我们可以用于添加跨浏览器的鼠标滚轮支持可以使用jquery的Mousewheel插件。使用mousewheel事件有以下两种方式：使用mousewheel和unmousewheel事件函数；使用经典的bind和unbind函数。JavaScript...
分类：
Web程序 时间：
2014-08-15 12:04:38
阅读次数：
297
在一些类似于幻灯片之类的页面上，滚动条被限制为了每次滚动一个屏幕，也就是滚动幻灯片的一页。但浏览器并没有直接提供这样的功能，我们通常是通过程序控制来实现的。这样的程序并不困难，只要劫持鼠标滚轮事件，将其修改到自己需要的行为即可。 下面是一个简单地实现代码，这里没有考虑低版本浏览器的兼容，如果需要可....
分类：
其他好文 时间：
2014-08-07 12:45:30
阅读次数：
283
