zoukankan      html  css  js  c++  java
  • jQuery 鼠标滚轮插件 jquery.mousewheel.js

    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. });  

     效果图:



     

  • 相关阅读:
    ubuntu apache2配置
    Oauth2协议解读(一)
    OAuth2协议解读(二)
    flask 环境搭建
    BeautifulSoup初识
    Oauth2解读
    5路由控制
    ​1Web应用
    3Web框架
    2Http协议
  • 原文地址:https://www.cnblogs.com/koleyang/p/4648543.html
Copyright © 2011-2022 走看看