app.js
3.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
/**
* 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();
});