https://yutorelo-nikko.com/wpcms/wp-content/themes/relo_nikko/js/loading.js

1// add 181104
2// written by concentinc
3jQuery(function() {
4
5
6	// must require 'KUTE.js'
7	// [notice] 'style.css' was overridden for these processes.
8
9	// inview animation for home page
10		$('.js-animation-bottom, .page-hero h1')
11			.css('opacity', 0)
12			.one('inview', function( e, isIn, x, y ) {
13				KUTE.fromTo(this, {
14					opacity: 0, translateY: 20
15				}, {
16					opacity: 1, translateY: 0
17				}, { duration: 1000, easing: 'easingSinusoidalOut' }).start();
18			});
19		$('.js-animation-right')
20			.css('opacity', 0)
21			.one('inview', function( e, isIn, x, y ) {
22				KUTE.fromTo(this, {
23					opacity: 0, translateX: 40
24				}, {
25					opacity: 1, translateX: 0
26				}, { duration: 1000, easing: 'easingSinusoidalOut' }).start();
27			});
28		$('.js-animation-left')
29			.css('opacity', 0)
30			.one('inview', function( e, isIn, x, y ) {
31				KUTE.fromTo(this, {
32					opacity: 0, translateX: -40
33				}, {
34					opacity: 1, translateX: 0
35				}, { duration: 1000, easing: 'easingSinusoidalOut' }).start();
36			});
37	if ( !/Edge\/\d+|MSIE|Windows/.test(navigator.userAgent) ) {
38		$('body')
39			.css('opacity', 0);
40		$(document).ready(function(){
41			KUTE.to( 'body', {
42				opacity: 1
43			}, { duration: 950, easing: 'easingSinusoidalOut' }).start();
44		});
45	} else {
46		$('body')
47			.css('opacity', 1);
48	}
49
50	//text span
51	$('.movetext').each(function(){
52		$(this).children().addBack().contents().each(function() {
53			if (this.nodeType == 3) {
54			$(this).replaceWith($(this).text().replace(/(\S)/g, '<span>$1</span>'));
55			}
56		});
57		$(this).on('inview', function (event, isInView, visiblePartX, visiblePartY) {
58			$(this).css({'opacity':1});
59			for (var i = 0; i <= $(this).children('span').length; i++) {
60				$(this).children('span').eq(i).delay(30*i).animate({'opacity':1},800);
61			};
62		});
63	});
64});