jquery监听鼠标滚轮(滚动)事件
2016-05-09 17:56
721 查看
jquery监听鼠标滚轮(滚动)事件
第一步:下载jquery-mousewheel插件
第二步:复制以下代码做测试,打开日志看效果
jQuery(function($) {
$('#nav')
.bind('mousewheel', function(event, delta) {
var dir = delta > 0 ? 'Up' : 'Down';
if (dir == 'Up') {
console.log(“向上滚动, www.imiansha.com”);
} else {
console.log(“向下滚动, http: //blog.csdn.net/u011627980”);
}
return false;
});
});
}
第一步:下载jquery-mousewheel插件
第二步:复制以下代码做测试,打开日志看效果
jQuery(function($) {
$('#nav')
.bind('mousewheel', function(event, delta) {
var dir = delta > 0 ? 'Up' : 'Down';
if (dir == 'Up') {
console.log(“向上滚动, www.imiansha.com”);
} else {
console.log(“向下滚动, http: //blog.csdn.net/u011627980”);
}
return false;
});
});
}
相关文章推荐
- 基于jquery实现智能表单验证操作
- 基于jquery实现表格内容筛选功能实例解析
- jQuery 三级菜单
- jQuery绑定事件-多种实现方式总结
- jquery 处理 json
- jQuery在HTML中动态插入节点的常用方法
- jquery easyui 弹出对话框被activex控件遮挡问题
- jQuery中serializeArray serialize()区别
- jQuery Mobile orientationchange 事件
- 基于Jquery的banner轮播插件,简单粗暴
- jquery获取ul中li的值
- jQuery轻松实现表格的隔行变色和点击行变色的实例代码
- jquery实现表格中点击相应行变色功能效果【实例代码】
- jQuery动画
- JQuery--使用JQuery 的$.ajax 方法进行异步请求,导致页面闪烁
- JqueryUI学习笔记-自动完成autocomplete
- jQuery+CSS实现一个侧滑导航菜单代码
- jQuery中.bind() .live() .delegate() .on()的区别
- jquery和js进行添加样式
- jQuery实现点击按钮文字变成input框点击保存变成文字