立即登录 马上注册
首页 › 开发帮助文档 › 开发技术 › jQuery 鼠标滚轮插件 mousewheel

赞

评论

收藏

[jQuery] jQuery 鼠标滚轮插件 mousewheel

开发技术 开发技术 发布于：2021-07-30 13:47 | 阅读数：516 | 评论：0 

<!DOCTYPE html> 
<html> 
<head> 
<title>jQuery 鼠标滚轮插件 mousewheel</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style type="text/css">
  .mousewheel {
    background: green;
    width: 200px;
    height: 200px;
  }
</style>
</head> 
<body>
  <div class="mousewheel"></div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/jquery-mousewheel/3.1.13/jquery.mousewheel.js"></script>
<script type="text/javascript">
  $('.mousewheel').bind('mousewheel', function(event, delta) {
    var dir = delta > 0 ? 'Up' : 'Down';
    if (dir == 'Up') {
      $('.mousewheel').text('Up');
    } else {
      $('.mousewheel').text('Down');
    }
  });
</script>
</body> 
</html>

DSC0000.png



关注下面的标签，发现更多相似文章
免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群QQ好友和群 QQ空间QQ空间

举报

返回列表
相关帖子
avatar
1449 经验
1449 文档
OPNE在线字典
  • 手机版| 免责声明|
2021-2025  版权所有：CodeAE代码之家   
粤ICP备2023096576号-2