博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

鼠标滚动事件

Posted on 2013-07-02 15:25  人生梦想起飞  阅读(348)  评论(0编辑  收藏  举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

</head>

<body>

</body>

</html>

<script type="text/javascript">

var wheel = function(event) { 
            var delta = 0; 
            if (!event) /* For IE. */ 
                event = window.event; 
            if (event.wheelDelta) { /* IE/Opera. */ 
                delta = event.wheelDelta / 120; 
           } else if (event.detail) { 

          delta = -event.detail / 3; 
            } 
   
            if (delta) 
                handle(delta); 
        
           if (event.preventDefault) 
               event.preventDefault(); 
           event.returnValue = false; 
      } 

    if (window.addEventListener) { 
            /** DOMMouseScroll is for mozilla. */ 
            window.addEventListener('DOMMouseScroll', wheel, false); 
        } 
        /** IE/Opera. */ 
        window.onmousewheel = document.onmousewheel = wheel;  
       var handle = function(delta) { 
            var random_num = Math.floor((Math.random() * 100) + 50); 
            if (delta < 0) { 
                alert("鼠标滑轮向下滚动:" + delta + "次!"); // 1 
               // $("btn_next_pic").onclick(random_num); 
               return; 
            } else { 
                alert("鼠标滑轮向上滚动:" + delta + "次!"); // -1 
               // $("btn_last_pic").onclick(random_num); 
               return; 
            } 
        } 

</script>