您的位置：首页 > Web前端 > JQuery

jquery鼠获取标滚轮次数（1）

2015-06-14 13:31 633 查看

这里使用了mousewheel的jquery插件。网址是：http://www.jq22.com/jquery-info805

功能描述：获取鼠标滚动次数。

所需要的引用的文件是：

1.jquery.min.js

2.jquery-mousewheel.js

结果图片：

html代码：

<!DOCTYPE html>

<html lang="zh-CN">

<meta http-equiv="Content-type" content="text/html" charset="utf-8" >

<head>

   <title>获取滚轮次数</title>

   <style>

   .box { width: 600px; height: 300px; background-color: #eed; }

   </style>

</head>

<body>

   <div class="box">

       <p>滚动鼠标为+1或者-1</p>

       <span>0</span>

   </div>

</body>

   <script type="text/javascript" src="script/jquery-1.8.3.min.js"></script>

   <script type="text/javascript" src="script/jquery-mousewheel.js"></script>

   <script type="text/javascript" src="script/test.js"></script>

</html>

test.js代码：

$(function(){

   var len = 0;

   var $box = $('.box');

   var $text = $('.box span');

   $box.mousewheel(function(y){

       len += y;

       if(y>0){

           //alert(len);

           $text.html(len);

       }else{

           $text.html(len);

       }

   });

});

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航