https://youxi-game.com/themes/jiu-you-hui-j9-j9-you-xi-guan-fang-wang-zhan/assets/js/main.js

1/* =====================================================
2Template Name   : Plumbox
3Description     : Plumbing Services HTML5 Template
4Author          : Themesland
5Version         : 1.3
6=======================================================*/
7
8(function ($) {
9    "use strict";
10
11
12    // data-background    
13    $(document).on('ready', function () {
14        $("[data-background]").each(function () {
15            $(this).css("background-image", "url(" + $(this).attr("data-background") + ")");
16        });
17    });
18
19
20    // wow init
21    new WOW().init();
22
23
24    // hero slider
25    $('.hero-slider').owlCarousel({
26        loop: true,
27        nav: true,
28        dots: false,
29        margin: -1,
30        autoplay: true,
31        autoplayHoverPause: true,
32        autoplayTimeout: 5000,
33        items: 1,
34        navText: [
35            "<i class='far fa-long-arrow-left'></i>",
36            "<i class='far fa-long-arrow-right'></i>"
37        ],
38    });
39
40    $('.hero-slider').on('change.owl.carousel', function (event) {
41        new WOW().init();
42    });
43
44
45    // partner-slider
46    $('.partner-slider').owlCarousel({
47        loop: true,
48        margin: 50,
49        nav: false,
50        navText: [
51            "<i class='icofont-long-arrow-left'></i>",
52            "<i class='icofont-long-arrow-right'></i>"
53        ],
54        dots: false,
55        autoplay: true,
56        responsive: {
57            0: {
58                items: 2
59            },
60            600: {
61                items: 3
62            },
63            1000: {
64                items: 6
65            }
66        }
67    });
68
69
70    // testimonial-slider
71    $('.testimonial-slider').owlCarousel({
72        loop: true,
73        margin: 30,
74        nav: false,
75        navText: [
76            "<i class='icofont-long-arrow-left'></i>",
77            "<i class='icofont-long-arrow-right'></i>"
78        ],
79        dots: true,
80        autoplay: true,
81        responsive: {
82            0: {
83                items: 1
84            },
85            600: {
86                items: 2
87            },
88            1000: {
89                items: 3
90            }
91        }
92    });
93
94
95    // case-slider
96    $('.case-slider').owlCarousel({
97        loop: true,
98        margin: 30,
99        nav: true,
100        navText: [
101            "<i class='far fa-long-arrow-left'></i>",
102            "<i class='far fa-long-arrow-right'></i>"
103        ],
104        dots: false,
105        autoplay: true,
106        responsive: {
107            0: {
108                items: 1
109            },
110            600: {
111                items: 2
112            },
113            1000: {
114                items: 3
115            }
116        }
117    });
118
119
120
121    // preloader
122    $(window).on('load', function () {
123        $(".preloader").fadeOut("slow");
124    });
125
126
127    // fun fact counter
128    $('.counter').countTo();
129    $('.counter-box').appear(function () {
130        $('.counter').countTo();
131    }, {
132        accY: -100
133    });
134
135
136    // progress bar
137    $(document).ready(function () {
138        var progressBar = $('.progress');
139        if (progressBar.length) {
140            progressBar.each(function () {
141                var Self = $(this);
142                Self.appear(function () {
143                    var progressValue = Self.data('value');
144                    Self.find('.progress-bar').animate({
145                        width: progressValue + '%'
146                    }, 1000);
147                });
148            })
149        }
150    });
151
152
153    // magnific popup init
154    $(".popup-gallery").magnificPopup({
155        delegate: '.popup-img',
156        type: 'image',
157        gallery: {
158            enabled: true
159        },
160    });
161
162    $(".popup-youtube, .popup-vimeo, .popup-gmaps").magnificPopup({
163        type: "iframe",
164        mainClass: "mfp-fade",
165        removalDelay: 160,
166        preloader: false,
167        fixedContentPos: false
168    });
169
170
171
172    // scroll to top
173    $(window).scroll(function () {
174
175        if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
176            $("#scroll-top").fadeIn('slow');
177        } else {
178            $("#scroll-top").fadeOut('slow');
179        }
180    });

181
182    $("#scroll-top").click(function () {
183        $("html, body").animate({ scrollTop: 0 }, 1500);
184        return false;
185    });
186
187
188    $(window).scroll(function () {
189        if ($(this).scrollTop() > 50) {
190            $('.navbar').addClass("fixed-top");
191        } else {
192            $('.navbar').removeClass("fixed-top");
193        }
194    });
195
196
197    // countdown
198    if ($('#countdown').length) {
199        $('#countdown').countdown('2030/01/30', function (event) {
200            $(this).html(event.strftime('' + '<div class="row">' + '<div class="col countdown-single">' + '<h2 class="mb-0">%-D</h2>' + '<h5 class="mb-0">Day%!d</h5>' + '</div>' + '<div class="col countdown-single">' + '<h2 class="mb-0">%H</h2>' + '<h5 class="mb-0">Hours</h5>' + '</div>' + '<div class="col countdown-single">' + '<h2 class="mb-0">%M</h2>' + '<h5 class="mb-0">Minutes</h5>' + '</div>' + '<div class="col countdown-single">' + '<h2 class="mb-0">%S</h2>' + '<h5 class="mb-0">Seconds</h5>' + '</div>' + '</div>'));
201        });
202    }
203
204
205    // copyright date
206    var date = new Date().getFullYear();
207    $('#date').html(date);
208
209
210
211})(jQuery);
212
213
214
215
216
217
218
219
220
221