https://sidos.top/content/js/animation-column.js

1var j$ = jQuery;
2j$.noConflict();
3j$(document).ready(function(){
4	(function(j$) {
5	  j$.fn.visible = function(partial) {
6	    
7	      var j$t            = j$(this),
8	          j$w            = j$(window),
9	          viewTop       = j$w.scrollTop(),
10	          viewBottom    = viewTop + j$w.height(),
11	          _top          = j$t.offset().top+100,
12	          _bottom       = _top + j$t.height(),
13	          compareTop    = partial === true ? _bottom : _top,
14	          compareBottom = partial === true ? _top : _bottom;
15	    
16	    return ((compareBottom <= viewBottom) && (compareTop >= viewTop));
17
18	  };
19	    
20	})(jQuery);
21
22	var win = j$(window);
23	var allMods = j$(".rda_opacity,.rda_toleft,.rda_toright,.rda_totop,.rda_tobottom,.rd_chart_black,.rd_chart_white,.rda_fadeIn,.rda_fadeInDown,.rda_fadeInUp,.rda_fadeInLeft,.rda_fadeInRight,.rda_bounceIn,.rda_bounceInDown,.rda_bounceInUp,.rda_bounceInLeft,.rda_bounceInRight,.rda_zoomIn,.rda_flipInX,.rda_flipInY,.rda_bounce,.rda_flash,.rda_shake,.rda_pulse,.rda_swing,.rda_rubberBand,.rda_wobble,.rda_tada");
24	var count = j$(".rd_count_to");
25
26
27	allMods.each(function(i, el) {
28	  var el = j$(el);
29	  if (el.visible(true)) {
30	    el.addClass("already-visible"); 
31	  } 
32	});
33
34
35	count.each(function(i, el) {
36	  var el = j$(el);
37	  if (el.visible(true)) {
38
39
40					var countAsset = j$(this),
41						countNumber = countAsset.find('.count_number'),
42						countDivider = countAsset.find('.count_line').find('span'),
43						countSubject = countAsset.find('.count_title');
44					
45						el.removeClass("rd_count_to");		
46			el.addClass("rd_count_to_over");	
47						countNumber.countTo({
48							onComplete: function () {
49								countDivider.animate({
50									'width': 50
51								}, 400, 'easeOutCubic');
52								countSubject.delay(100).animate({
53									'opacity' : 1,
54									'bottom' : '0px'
55								}, 600, 'easeOutCubic');
56								
57							}
58							
59						});
60	    
61				
62	  } 
63	});
64
65
66	win.scroll(function(event) {
67	j$(".rda_fadeIn").each(function(i, el) {
68	    var el = j$(el);
69	    if (el.visible(true)) {
70	   
71		setTimeout(function () {
72	        el.addClass('animated fadeIn');
73	    }, 50 * i );
74		}
75	 });  
76	j$(".rda_fadeInDown").each(function(i, el) {
77	    var el = j$(el);
78	    if (el.visible(true)) {
79	   
80		setTimeout(function () {
81	        el.addClass('animated fadeInDown');
82	    }, 50 * i );
83		}
84	});  
85	j$(".rda_fadeInUp").each(function(i, el) {
86	    var el = j$(el);
87	    if (el.visible(true)) {
88	   
89		setTimeout(function () {
90	        el.addClass('animated fadeInUp');
91	    }, 50 * i );
92		}
93	 });    
94	j$(".rda_fadeInLeft").each(function(i, el) {
95	    var el = j$(el);
96	    if (el.visible(true)) {
97	   
98		setTimeout(function () {
99	        el.addClass('animated fadeInLeft');
100	    }, 50 * i );
101		}
102	 });    
103	j$(".rda_fadeInRight").each(function(i, el) {
104	    var el = j$(el);
105	    if (el.visible(true)) {
106	   
107		setTimeout(function () {
108	        el.addClass('animated fadeInRight');
109	    }, 50 * i );
110		}
111	 });    
112	j$(".rda_bounceIn").each(function(i, el) {
113	    var el = j$(el);
114	    if (el.visible(true)) {
115	   
116		setTimeout(function () {
117	        el.addClass('animated bounceIn');
118	    }, 50 * i );
119		}
120	 });    
121	j$(".rda_bounceInDown").each(function(i, el) {
122	    var el = j$(el);
123	    if (el.visible(true)) {
124	   
125		setTimeout(function () {
126	        el.addClass('animated bounceInDown');
127	    }, 50 * i );
128		}
129	 });    
130	j$(".rda_bounceInUp").each(function(i, el) {
131	    var el = j$(el);
132	    if (el.visible(true)) {
133	   
134		setTimeout(function () {
135	        el.addClass('animated bounceInUp');
136	    }, 50 * i );
137		}
138	 });    
139	j$(".rda_bounceInLeft").each(function(i, el) {
140	    var el = j$(el);
141	    if (el.visible(true)) {
142	   
143		setTimeout(function () {
144	        el.addClass('animated bounceInLeft');
145	    }, 50 * i );
146		}
147	 });    
148	j$(".rda_bounceInRight").each(function(i, el) {
149	    var el = j$(el);
150	    if (el.visible(true)) {
151	   
152		setTimeout(function () {
153	        el.addClass('animated bounceInRight');
154	    }, 50 * i );
155		}
156	 });  
157	j$(".rda_zoomIn").each(function(i, el) {
158	    var el = j$(el);
159	    if (el.visible(true)) {
160	   
161		setTimeout(function () {
162	        el.addClass('animated zoomIn');
163	    }, 50 * i );
164		}
165	 });   

166	j$(".rda_flipInX").each(function(i, el) {
167	    var el = j$(el);
168	    if (el.visible(true)) {
169	   
170		setTimeout(function () {
171	        el.addClass('animated flipInX');
172	    }, 50 * i );
173		}
174	 });   
175	j$(".rda_flipInY").each(function(i, el) {
176	    var el = j$(el);
177	    if (el.visible(true)) {
178	   
179		setTimeout(function () {
180	        el.addClass('animated flipInY');
181	    }, 50 * i );
182		}
183	 }); 
184	   
185	j$(".rda_bounce").each(function(i, el) {
186	    var el = j$(el);
187	    if (el.visible(true)) {
188	   
189		setTimeout(function () {
190	        el.addClass('animated bounce');
191	    }, 50 * i );
192		}
193	 });    
194	j$(".rda_flash").each(function(i, el) {
195	    var el = j$(el);
196	    if (el.visible(true)) {
197	   
198		setTimeout(function () {
199	        el.addClass('animated flash');
200	    }, 50 * i );
201		}
202	 });    
203	j$(".rda_shake").each(function(i, el) {
204	    var el = j$(el);
205	    if (el.visible(true)) {
206	   
207		setTimeout(function () {
208	        el.addClass('animated shake');
209	    }, 50 * i );
210		}
211	 });    
212	j$(".rda_pulse").each(function(i, el) {
213	    var el = j$(el);
214	    if (el.visible(true)) {
215	   
216		setTimeout(function () {
217	        el.addClass('animated pulse');
218	    }, 50 * i );
219		}
220	 });    
221	j$(".rda_swing").each(function(i, el) {
222	    var el = j$(el);
223	    if (el.visible(true)) {
224	   
225		setTimeout(function () {
226	        el.addClass('animated swing');
227	    }, 50 * i );
228		}
229	 });    
230	j$(".rda_rubberBand").each(function(i, el) {
231	    var el = j$(el);
232	    if (el.visible(true)) {
233	   
234		setTimeout(function () {
235	        el.addClass('animated rubberBand');
236	    }, 50 * i );
237		}
238	 });    
239	j$(".rda_wobble").each(function(i, el) {
240	    var el = j$(el);
241	    if (el.visible(true)) {
242	   
243		setTimeout(function () {
244	        el.addClass('animated wobble');
245	    }, 50 * i );
246		}
247	 });    
248	j$(".rda_tada").each(function(i, el) {
249	    var el = j$(el);
250	    if (el.visible(true)) {
251	   
252		setTimeout(function () {
253	        el.addClass('animated tada');
254	    }, 50 * i );
255		}
256	 });  
257	  
258	  
259	j$(".rd_count_to").each(function(i, el) {
260	    var el = j$(el);
261	    if (el.visible(true)) {
262					var countAsset = j$(this),
263						countNumber = countAsset.find('.count_number'),
264						countDivider = countAsset.find('.count_line').find('span'),
265						countSubject = countAsset.find('.count_title');
266							el.removeClass("rd_count_to");		
267			el.addClass("rd_count_to_over");	
268						countNumber.countTo({
269							onComplete: function () {
270								countDivider.animate({
271									'width': 50
272								}, 400, 'easeOutCubic');
273								countSubject.delay(100).animate({
274									'opacity' : 1,
275									'bottom' : '0px'
276								}, 600, 'easeOutCubic');
277
278							}
279						});
280	    } 
281	  });
282	          
283	});
284});