jQuery 鼠标滚轮插件 jquery.mousewheel.js
2015-07-15 15:50
711 查看
jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。
mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta。
通过参数delta可以获取鼠标滚轮的方向和速度。
如果delta的值是负的即-1,那么滚轮就是向下滚动,正的1就是向上。
官方网址:
https://github.com/brandonaaron/jquery-mousewheel
插件方法:
1.为了监听滚轮事件,该插件引入了mousewheel事件,所以我们可以监听元素的mousewheel事件
2.该插件还提供了元素快捷方法
例如:
Js代码
// using bind
$('#my_elem').bind('mousewheel', function(event, delta, deltaX, deltaY) {
if (window.console && console.log) {
console.log(delta, deltaX, deltaY);
}
});
// using the event helper
$('#my_elem').mousewheel(function(event, delta, deltaX, deltaY) {
if (window.console && console.log) {
console.log(delta, deltaX, deltaY);
}
});
效果图:
mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta。
通过参数delta可以获取鼠标滚轮的方向和速度。
如果delta的值是负的即-1,那么滚轮就是向下滚动,正的1就是向上。
官方网址:
https://github.com/brandonaaron/jquery-mousewheel
插件方法:
1.为了监听滚轮事件,该插件引入了mousewheel事件,所以我们可以监听元素的mousewheel事件
2.该插件还提供了元素快捷方法
mousewheel和
unmousewheel用于监听和去掉元素对鼠标滚轮事件支持
例如:
Js代码
// using bind
$('#my_elem').bind('mousewheel', function(event, delta, deltaX, deltaY) {
if (window.console && console.log) {
console.log(delta, deltaX, deltaY);
}
});
// using the event helper
$('#my_elem').mousewheel(function(event, delta, deltaX, deltaY) {
if (window.console && console.log) {
console.log(delta, deltaX, deltaY);
}
});
效果图:
相关文章推荐
- jQuery each,避免使用js for循环
- jquery 选择器
- jQuery siblings() 的作用
- jQuery使用FormData上传文件
- jquery ajax 全介绍
- jQuery一些笔记
- jquery 获取滚动条高度
- jquery 选择器(name,属性,元素)大全
- Jquery操作select
- 基于jQuery的AJAX和JSON的实例
- Jquery中ul li循环取值方式
- jQuery插件
- JQuery基础选择器
- jQuery图表插件Flot中文文档
- 基于jquery的秒表倒计时
- 全屏背景:15个jQuery插件实现全屏背景图像或媒体
- jQuery简单实现验证邮箱格式
- jQuery--Ajax
- jQuery实现提示密码强度的代码
- 通过js、jquery、ajax将php的输出传给html元素