码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标滚动效果

时间:2014-08-05 18:29:39      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:http   io   ar   cti   div   window   ad   return   

 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   io   ar   cti   div   window   ad   return   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!