zoukankan      html  css  js  c++  java
  • js滚轮换切屏

    因为全项目不是自己写的,仅仅是帮别人写js滚轮代码,并且别人项目也还未上线。所以仅仅贴出自己写的那段部分代码,

    效果:鼠标滚轮滚动时。网頁屏幕一屏一屏的上下切换

    (下面代码在本地电脑的IE,chrome与FireFox这三个浏览器已经測试而且已经成功)

        var sum=0;
        var oTxt=document.getElementById("txt");
        var scrollFunc=function(e){
    
        var direct=0;
        var men = $(".menu_m").find(".menu").find("li");
        men.each(function (j) {
                if($(this).attr("class")=="m_selected"){
                    sum=j;
                }
        });
        e=e || window.event;
        if(e.wheelDelta){//IE/Opera/Chrome
            if(navigator.appName=='Netscape'){
                // Chorme滚一次有两次的效果,所以加0.5
                if(e.wheelDelta>0){
                    
                    sum=parseFloat(sum-0.5);
                    
                }
                else{
                    
                    sum=parseFloat(sum)+0.5;
    
                }
            }else{
                if(e.wheelDelta>0)
                    sum=parseFloat(sum-1);
                else
                    sum=parseFloat(sum+1);
            }
        }else if(e.detail){//Firefox
    		//firefox向上向下的值不和上面的一样,可打印出看看
            if(e.detail>0)
                    sum=parseFloat(sum+1);
                else
                    sum=parseFloat(sum-1);
        }
    		//sum出来的。以下就是你想做的事情,我这里是写与当前项目有所以相关联的屏目跳转,但记的要加return false; 要不然,在google和ie中时会出现,滚多了
            var sizes= $(".menu_m").find(".menu").find("li").size();
            if(sum>=0&&parseFloat(sum)<=parseFloat(sizes)-1){
                men.each(function (j) {
                    $(this).removeClass("m_selected")
                 });
                  $(".menu_m").find(".menu li:eq("+sum+")").find("span").click();
                  return false;
              }
    
    
    }
    /*注冊事件*/
    if(document.addEventListener){
        document.addEventListener('DOMMouseScroll',scrollFunc,false);
    }//W3C
    window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari

  • 相关阅读:
    SpringMVC注解控制器详解
    在自己的服务器上安装GitBook
    基于UDP协议的网络编程
    RabbitMQ安装使用详解
    Python3.4 + Django1.7.7 搭建简单的表单并提交
    暴力枚举 UVA 10976 Fractions Again?!
    暴力枚举 UVA 725 Division
    思维 UVALive 3708 Graveyard
    DFS(剪枝) POJ 1011 Sticks
    DFS+模拟 ZOJ 3861 Valid Pattern Lock
  • 原文地址:https://www.cnblogs.com/mthoutai/p/6906771.html
Copyright © 2011-2022 走看看