首页 > 其他 > 详细

鼠标滚动效果

时间:2014-08-05 18:29:39      阅读:242      评论:0      收藏:0      [点我收藏+]
 var $navFun = function() {
       
        var st = $(document).scrollTop(),
            headh = $("div.head").height()+$("div.jiu-nav-main ").height()+$("div.act-bg").height();
            headh01 = $("div.head").height()+$("div.jiu-nav-main ").height()+$("div.act-bg").height()+$(‘div.act-one‘).height();          
            $nav_classify = $("div.silde-act-nav");
            $dd = $(‘div.silde-act-nav a‘)
            $back = $(‘.back-act‘)

        if(st > headh){
            $nav_classify.addClass("fixed");
            $dd.eq(0).addClass(‘active‘);
        } else {
            $nav_classify.removeClass("fixed");
            $dd.eq(0).removeClass(‘active‘);
        }
            if(st >headh01){
                 $dd.eq(0).removeClass(‘active‘);
                 $dd.eq(1).addClass(‘active‘);
            } else{       
                 $dd.eq(0).addClass(‘active‘);
                 $dd.eq(1).removeClass(‘active‘);
            }
        $back.on(‘click‘,function()
        {
            $(document).animate({ scrollTop: 0 }, 300);
            return false;
        })   

    };


    var F_nav_scroll = function () {
       
        if (!window.XMLHttpRequest) {
           return;         
        }else{
            //默认执行一次
            $navFun();
            $(window).bind("scroll", $navFun);
        }
    }
    F_nav_scroll(); 

鼠标滚动效果,布布扣,bubuko.com

鼠标滚动效果

原文:http://www.cnblogs.com/ake520/p/3892569.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!