app.js 3.8 KB
/**
 * Created by zzf on 2014/10/24.
 */
$(function(){

    var methods = {
        am1 : function(){
            $(".qrCode").addClass("flipInH");
            $(".banner-view .img").addClass("shake");
        },
        am2 : function(){
            $(".cont-1 .right").addClass("bounceInRight");
            $(".cont-1 h1").addClass("rotateInLeft");
            $(".cont-1 h3").addClass("rotateInLeft");

            $(".cont-1 .cloud-1").addClass("bounceInUp");
            $(".cont-1 .cloud-2").addClass("bounceInRight");
            $(".cont-1 .cloud-3").addClass("bounceInLeft");
            $(".cont-1 .cloud-4").addClass("bounceInLeft");

            var time = setTimeout(function(){
                clearTimeout(time);
                $(".cont-1 .show-view div").css({"opacity" : 1});
                $(".cont-1 .p-1").addClass("zoomIn");
                $(".cont-1 .p-2").addClass("zoomIn");
                $(".cont-1 .p-3").addClass("zoomIn");
                $(".cont-1 .p-4").addClass("zoomIn");
            }, 800);
        },
        am3 : function(){
            $(".cont-2 .right").addClass("bounceInLeft");
            $(".cont-2 h1").addClass("bounceInRight");
            $(".cont-2 h3").addClass("bounceInRight");

            $(".cont-2 .p-1").addClass("bounceInUp");
            $(".cont-2 .p-2").addClass("bounceInUp");
            $(".cont-2 .p-3").addClass("bounceInUp");
            $(".cont-2 .p-4").addClass("bounceInUp");

            $(".cont-2 .cloud-1").addClass("zoomInLeft");
            $(".cont-2 .cloud-2").addClass("zoomInLeft");
            $(".cont-2 .cloud-3").addClass("zoomInLeft");
            $(".cont-2 .cloud-4").addClass("zoomInLeft");

        },
        am4 : function(){
            $(".cont-3 .right").addClass("bounceInRight");
            $(".cont-3 h1").addClass("zoomIn");
            $(".cont-3 h3").addClass("zoomIn");

            $(".cont-3 ul").addClass("zoomIn");

            $(".cont-3 .cloud-1").addClass("zoomIn");
            $(".cont-3 .cloud-2").addClass("zoomIn");
            $(".cont-3 .cloud-3").addClass("zoomIn");
            $(".cont-3 .cloud-4").addClass("zoomIn");

            $(".cont-3 .movements").addClass("flipInUp");

        },
        am5 : function(){
            $(".cont-4 .left").addClass("bounceInLeft");
            $(".cont-4 h1").addClass("bounce");
            $(".cont-4 h3").addClass("bounce");

            $(".interlock").addClass("bounceInRight");
            var time1 = setTimeout(function() {
                clearTimeout(time1);
                $(".warehousing").addClass("bounceInRight");
            }, 400);
            var time2 = setTimeout(function() {
                clearTimeout(time2);
                $(".theagent").addClass("bounceInRight");
            }, 500);
            var time3 = setTimeout(function() {
                clearTimeout(time3);
                $(".packaging").addClass("bounceInRight");
            }, 600);
            var time4 = setTimeout(function() {
                clearTimeout(time4);
                $(".fresh").addClass("bounceInRight");
            }, 700);
            var time5 = setTimeout(function() {
                clearTimeout(time5);
                $(".logistics").addClass("bounceInRight");
            }, 800);
            var time6 = setTimeout(function() {
                clearTimeout(time6);
                $(".agency").addClass("bounceInRight");
            }, 900);

        }
    };

    $(window.document).scroll(function(e){
        var scrolltop = $(document).scrollTop();
        if(scrolltop > 650 && scrolltop < 1600){
            methods.am2();
        }else if(scrolltop > 1300 && scrolltop < 2300){
            methods.am3();
        }else if(scrolltop > 2300 &&  scrolltop < 3300){
            methods.am4();
        }else if( scrolltop > 3300){
            methods.am5();
        };
    });

    methods.am1();
});