https://www.dhyeyaias.com/dist/js/popup.js

1$(document).ready(function() {
2        let dirty = false;
3        $(document).on('mousemove', function (){
4            if(!dirty) {
5                setTimeout(function () {
6                    var id = '#dialog';
7
8                    //Get the screen height and width
9                    var maskHeight = $(document).height();
10                    var maskWidth = $(window).width();
11
12                    //Set heigth and width to mask to fill up the whole screen
13                    $('#mask').css({'width': maskWidth, 'height': maskHeight});
14
15                    //transition effect
16                    $('#mask').fadeIn(500);
17                    // $('#mask').fadeTo("slow",1);
18
19                    //Get the window height and width
20                    var winH = $(window).height();
21                    var winW = $(window).width();
22
23                    //Set the popup window to center
24                    $(id).css('top', winH / 2 - $(id).height() / 2);
25                    $(id).css('left', winW / 2 - $(id).width() / 2);
26
27                    //transition effect
28                    $(id).fadeIn(500);
29                    // $(id).fadeTo("slow",0.9);
30                }, 3000);
31                dirty = true;
32            }
33        });
34
35    $('.slider-carousel').owlCarousel({
36        loop: true,
37        margin: 0,
38        dots: false,
39        autoplay: true,
40        // autoplaySpeed:600,
41        smartSpeed: 600,
42        // autoplayHoverPause: true,
43        items: 1,
44    });
45
46    $('.gallery-carousel').owlCarousel({
47        loop: true,
48        margin: 0,
49        dots: false,
50        autoplay: true,
51        smartSpeed: 600,
52        autoplayHoverPause: true,
53        items: 1,
54        nav: true,
55    });
56
57    $('.achievers-carousel').owlCarousel({
58        center: true,
59        loop: true,
60        margin: 10,
61        dots: false,
62        nav: true,
63        autoplay: true,
64        autoplayHoverPause: true,
65        responsive: {
66            0: {
67                items: 1,
68            },
69            430: {
70                items: 1,
71                margin: 10,
72            },
73            431: {
74                items: 2,
75                margin: 20,
76            },
77            768: {
78                items: 3,
79                margin: 20,
80            },
81            1024: {
82                items: 5,
83            },
84            1440: {
85                items: 5,
86            }
87        }
88    });
89
90    $('.batch-carousel').owlCarousel({
91        loop: true,
92        margin: 20,
93        dots: false,
94        nav: false,
95        autoplay: true,
96        autoplayHoverPause: true,
97        responsive: {
98            0: {
99                items: 1,
100            },
101            430: {
102                items: 1,
103            },
104            431: {
105                items: 2,
106            },
107            768: {
108                items: 3,
109            },
110            1024: {
111                items: 4,
112            },
113            1440: {
114                items: 4,
115            }
116        }
117    });
118
119    $('.sidebar-batch-carousel').owlCarousel({
120        loop: true,
121        margin: 0,
122        dots: false,
123        nav: false,
124        autoplay: true,
125        autoplayHoverPause: true,
126        items: 1,
127        // responsive: {
128        //     0: {
129        //         items: 1,
130        //     },
131        //     430: {
132        //         items: 1,
133        //     },
134        //     431: {
135        //         items: 2,
136        //     },
137        //     768: {
138        //         items: 3,
139        //     },
140        //     1024: {
141        //         items: 4,
142        //     },
143        //     1440: {
144        //         items: 4,
145        //     }
146        // }
147    });
148
149    $('.center-carousel').owlCarousel({
150        center: true,
151        loop: true,
152        margin: 30,
153        dots: false,
154        nav: false,
155        autoplay: true,
156        autoplayHoverPause: true,
157        responsive: {
158            0: {
159                items: 1,
160            },
161            430: {
162                items: 1,
163                margin: 10,
164            },
165            431: {
166                items: 2,
167                margin: 20,
168            },
169            768: {
170                items: 2,
171                margin: 20,
172            },
173            1024: {
174                items: 3,
175            },
176            1440: {
177                items: 4,
178            }
179        }
180    });
181
182    $('.topper-carousel').owlCarousel({
183        center: true,
184        loop: true,
185        margin: 30,
186        dots: false,
187        nav: false,
188        // autoplay: true,
189        autoplayHoverPause: true,
190        responsive: {
191            0: {
192                items: 1,
193            },
194            500: {
195                items: 1,
196                margin: 10,
197            },
198            501: {
199                items: 2,
200                margin: 30,
201            },
202            768: {
203                items: 2,
204                margin: 30,
205            },
206            1024: {
207                items: 3,
208                margin: 30,
209            },
210            1440: {
211                items: 3,
212                margin: 30,
213            }
214        }
215    });
216
217    $('.team-carousel').owlCarousel({
218        // center: true,
219        loop: true,
220        margin: 10,
221        dots: false,
222        nav: false,
223        items: 1,
224        autoplay: false,
225        autoplayHoverPause: true,
226        responsive: {
227            0: {
228                items: 1,
229            },
230            767: {
231                items: 1,
232                margin: 20,
233            },
234            768: {
235                items: 2,
236                margin: 20,
237            },
238            1024: {
239                items: 3,
240            },
241            1440: {
242                items: 4,
243            }
244        }
245    });
246    $('.searchButton').click(function () {
247        $('#searchInput').focus();
248    });
249    $(window).scroll(function () {
250        if ($(this).scrollTop() > 60) {
251            $('.menu').addClass("sticky");
252        } else {
253            $('.menu').removeClass("sticky");
254        }
255    });
256	//if close button is clicked
257	$('#close').click(function (e) {
258		//Cancel the link behavior
259		e.preventDefault();
260
261		$('#mask').hide();
262		$('.window').hide();
263	});
264
265	//if mask is clicked
266	$('#mask').click(function () {
267		$(this).hide();
268		$('.window').hide();
269	});
270
271});