https://webdata.au.edu.pk/AU_New_Assets/js/main.js

1/*
2
3Template:  Theme Name
4Author: author name
5Version: 1
6Design and Developed by: BM Rafiq + Masud Rana
7NOTE: If you have any note put here. 
8
9*/
10/*================================================
11[  Table of contents  ]
12================================================
13	01. jQuery MeanMenu
14	02. wow js active
15	03. scrollUp jquery active
16	04. slick carousel 
17
18 
19======================================
20[ End table content ]
21======================================*/
22
23
24(function ($) {
25    "use strict";
26
27
28
29    /*------------------------------------------------
30          Top menu stick
31         -------------------------------------------------- */
32    // var sticky_menu = $("#sticky-header");
33    // var pos = sticky_menu.position();
34    // if (sticky_menu.length) {
35    //     var windowpos = sticky_menu.top;
36    //     $(window).on('scroll', function() {
37    //         var windowpos = $(window).scrollTop();
38    //         if (windowpos > pos.top) {
39    //             sticky_menu.addClass("sticky");
40    //         } else {
41    //             sticky_menu.removeClass("sticky");
42    //         }
43    //     });
44    // }
45
46
47
48    /*---------------------
49     jQuery MeanMenu
50    --------------------- */
51    jQuery('nav#dropdown').meanmenu();
52
53
54    /*-------------------------------------------
55    	02. wow js active
56    --------------------------------------------- */
57    new WOW().init();
58
59
60
61    /*--
62    slick slider
63    ------------------------*/
64    $('.slider-active').slick({
65        centerMode: true,
66        dots: true,
67        fade: true,
68        autoplay: true,
69        centerPadding: '0',
70        slidesToShow: 1,
71        arrows: false,
72        responsive: [
73          {
74              breakpoint: 1100,
75              settings: {
76                  slidesToShow: 1,
77              }
78          },
79          {
80              breakpoint: 970,
81              settings: {
82                  slidesToShow: 1,
83              }
84          },
85          {
86              breakpoint: 767,
87              settings: {
88                  slidesToShow: 1,
89              }
90          }
91        ]
92    });
93
94
95
96    /*---------------------
97    chosen
98    --------------------- */
99    jQuery('.orderby').chosen({ disable_search: true, width: "auto" });
100
101
102    /*---------------------
103    countdown
104  --------------------- */
105    $('[data-countdown]').each(function () {
106        var $this = $(this), finalDate = $(this).data('countdown');
107        $this.countdown(finalDate, function (event) {
108            //$this.html(event.strftime('<span class="cdown day">2002<p>Year</p></span> <span class="cdown hour">05<p>Month</p></span> <span class="cdown minutes">20<p>Date</p></span>'));
109            $this.html(event.strftime('<span class="cdown day"><b>2002</b><p>Year</p></span>'));
110        });
111    });
112
113
114    /*----------------------------
115     counter js active
116    ------------------------------ */
117    $('.counter').counterUp({
118        delay: 10,
119        time: 2000
120    });
121
122
123
124    /*--
125    slick slider
126    ------------------------*/
127    $('.slider-active2').slick({    
128        centerMode: true,
129        dots: true,
130        centerPadding: '0',
131        slidesToShow: 1,
132        arrows: false,
133        responsive: [
134          {
135              breakpoint: 1100,
136              settings: {
137                  slidesToShow: 1,
138              }
139          },
140          {
141              breakpoint: 970,
142              settings: {
143                  slidesToShow: 1,
144              }
145          },
146          {
147              breakpoint: 767,
148              settings: {
149                  slidesToShow: 1,
150              }
151          }
152        ]
153    });
154
155    /*--
156    slick slider
157    ------------------------*/
158    $('.slider-active3').slick({
159        autoplay:true,
160        autoplaySpeed:1500,
161        arrows:true,
162        prevArrow:'<button type="button" class="slick-prev"></button>',
163        nextArrow:'<button type="button" class="slick-next"></button>',
164        centerMode: true,
165        dots: true,
166        centerPadding: '0',
167        slidesToShow: 1,
168        responsive: [
169          {
170              breakpoint: 1100,
171              settings: {
172                  slidesToShow: 1,
173              }
174          },
175          {
176              breakpoint: 970,
177              settings: {
178                  slidesToShow: 1,
179              }
180          },
181          {
182              breakpoint: 767,
183              settings: {
184                  slidesToShow: 1,
185              }
186          }
187        ]
188    });

189
190
191    /*--------------------------
192    scrollUp
193    ---------------------------- */
194    $(window).on('scroll', function () {
195        if ($(window).scrollTop() > 200) {
196            $("#toTop").fadeIn();
197        } else {
198            $("#toTop").fadeOut();
199        }
200    });
201    $('#toTop').on('click', function () {
202        $("html,body").animate({
203            scrollTop: 0
204        }, 500)
205    });
206
207    /*----------------------------
208         sticky active
209        ------------------------------ */
210    $(window).on('scroll', function () {
211        var scroll = $(window).scrollTop();
212        if (scroll < 245) {
213            $('.stick-h2').removeClass('stick');
214        } else {
215            $('.stick-h2').addClass('stick');
216        }
217    });
218
219
220
221
222
223
224    /*----------------------------
225        text-animation
226    ------------------------------ */
227    $('.tlt1').textillate({
228        loop: true,
229        in: {
230            effect: 'fadeInDown',
231        },
232        out: {
233            effect: 'flip',
234        },
235    });
236
237    /*----------------------------
238        text-animation
239    ------------------------------ */
240    $('.tlt').textillate({
241        loop: true,
242        in: {
243            effect: 'fadeInRight',
244        },
245        out: {
246            effect: 'fadeOutLeft',
247        },
248    });
249
250
251    /*----------------------------
252        text-animation
253    ------------------------------ */
254    $('.tlt3').textillate({
255        loop: true,
256        in: {
257            effect: 'rotateIn',
258        },
259        out: {
260            effect: 'rotateIn',
261        },
262    });
263    /*----------------------------
264        text-animation
265    ------------------------------ */
266    $('.tlt4').textillate({
267        loop: true,
268        in: {
269            effect: 'slideInUp',
270        },
271        out: {
272            effect: 'slideInUp',
273        },
274    });
275
276
277
278
279    /*----------------------------
280        text-animation
281    ------------------------------ */
282    $('.tlt5').textillate({
283        loop: true,
284        in: {
285            effect: 'flipInX',
286        },
287        out: {
288            effect: 'flipInX',
289        },
290    });
291    /*----------------------------
292        text-animation
293    ------------------------------ */
294    $('.tlt6').textillate({
295        loop: true,
296        in: {
297            effect: 'lightSpeedIn',
298        },
299        out: {
300            effect: 'lightSpeedIn',
301        },
302    });
303
304
305
306    /*----------------------------
307        text-animation
308    ------------------------------ */
309    $('.tlt7').textillate({
310        loop: true,
311        in: {
312            effect: 'tada',
313        },
314        out: {
315            effect: 'tada',
316        },
317    });
318    /*----------------------------
319        text-animation
320    ------------------------------ */
321    $('.tlt8').textillate({
322        loop: true,
323        in: {
324            effect: 'swing',
325        },
326        out: {
327            effect: 'swing',
328        },
329    });
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347    /*************************
348          tooltip
349    *************************/
350    $('[data-toggle="tooltip"]').tooltip();
351
352
353
354
355
356})(jQuery);