app.js
6.69 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
/**
* 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);
var clearT = setTimeout(function(){
clearTimeout(clearT);
$(".cont-1 .right").removeClass("bounceInRight");
$(".cont-1 h1").removeClass("rotateInLeft");
$(".cont-1 h3").removeClass("rotateInLeft");
$(".cont-1 .cloud-1").removeClass("bounceInUp");
$(".cont-1 .cloud-2").removeClass("bounceInRight");
$(".cont-1 .cloud-3").removeClass("bounceInLeft");
$(".cont-1 .cloud-4").removeClass("bounceInLeft");
$(".cont-1 .p-1").removeClass("zoomIn");
$(".cont-1 .p-2").removeClass("zoomIn");
$(".cont-1 .p-3").removeClass("zoomIn");
$(".cont-1 .p-4").removeClass("zoomIn");
}, 2000);
},
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");
var clearT = setTimeout(function(){
clearTimeout(clearT);
$(".cont-2 .right").removeClass("bounceInLeft");
$(".cont-2 h1").removeClass("bounceInRight");
$(".cont-2 h3").removeClass("bounceInRight");
$(".cont-2 .p-1").removeClass("bounceInUp");
$(".cont-2 .p-2").removeClass("bounceInUp");
$(".cont-2 .p-3").removeClass("bounceInUp");
$(".cont-2 .p-4").removeClass("bounceInUp");
$(".cont-2 .cloud-1").removeClass("zoomInLeft");
$(".cont-2 .cloud-2").removeClass("zoomInLeft");
$(".cont-2 .cloud-3").removeClass("zoomInLeft");
$(".cont-2 .cloud-4").removeClass("zoomInLeft");
}, 1000);
},
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");
var clearT = setTimeout(function(){
clearTimeout(clearT);
$(".cont-3 .right").removeClass("bounceInRight");
$(".cont-3 h1").removeClass("zoomIn");
$(".cont-3 h3").removeClass("zoomIn");
$(".cont-3 ul").removeClass("zoomIn");
$(".cont-3 .cloud-1").removeClass("zoomIn");
$(".cont-3 .cloud-2").removeClass("zoomIn");
$(".cont-3 .cloud-3").removeClass("zoomIn");
$(".cont-3 .cloud-4").removeClass("zoomIn");
$(".cont-3 .movements").removeClass("flipInUp");
}, 1000);
},
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);
var clearT = setTimeout(function(){
clearTimeout(clearT);
$(".cont-4 .left").removeClass("bounceInLeft");
$(".cont-4 h1").removeClass("bounce");
$(".cont-4 h3").removeClass("bounce");
$(".interlock").removeClass("bounceInRight");
$(".agency").removeClass("bounceInRight");
$(".logistics").removeClass("bounceInRight");
$(".fresh").removeClass("bounceInRight");
$(".packaging").removeClass("bounceInRight");
$(".warehousing").removeClass("bounceInRight");
$(".theagent").removeClass("bounceInRight");
}, 2000);
}
};
$(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();
});