码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 鼠标滚轮插件 jquery.mousewheel.js

时间:2015-07-15 16:38:25      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:

jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。
mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta。
通过参数delta可以获取鼠标滚轮的方向和速度。
如果delta的值是负的即-1,那么滚轮就是向下滚动,正的1就是向上。

官方网址:

https://github.com/brandonaaron/jquery-mousewheel

插件方法:

1.为了监听滚轮事件,该插件引入了mousewheel事件,所以我们可以监听元素的mousewheel事件

2.该插件还提供了元素快捷方法mousewheel和unmousewheel用于监听和去掉元素对鼠标滚轮事件支持

例如:

Js代码  技术分享
  1. // using bind  
  2. $(‘#my_elem‘).bind(‘mousewheel‘, function(event, delta, deltaX, deltaY) {  
  3.     if (window.console && console.log) {  
  4.          console.log(delta, deltaX, deltaY);  
  5.     }  
  6. });  
  7.   
  8. // using the event helper  
  9. $(‘#my_elem‘).mousewheel(function(event, delta, deltaX, deltaY) {  
  10.     if (window.console && console.log) {  
  11.          console.log(delta, deltaX, deltaY);  
  12.     }  
  13. });  

 

 效果图:


技术分享
 

 

jQuery 鼠标滚轮插件 jquery.mousewheel.js

标签:

原文地址:http://www.cnblogs.com/koleyang/p/4648543.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!