https://isteqdamejaz.com/frontend/js/Custom.js

1$(document).ready(function () {
2    // navbar
3    $(".navbar-toggler").on("click", function () {
4        $(".navbar-nav").toggleClass("show");
5    });
6    $(document).on("click", function (event) {
7        if (!$(event.target).closest(".navbar").length) {
8            $(".navbar-nav").removeClass("show");
9        }
10    });
11    //navbar ainmation
12    $(window).scroll(function () {
13        var appScroll = $(document).scrollTop();
14        if (appScroll >= 1) {
15            $("header").addClass("headerAnimate");
16        } else {
17            $("header").removeClass("headerAnimate");
18        }
19    });
20  // navbar hide in scroll down
21  // var prevScrollpos = window.pageYOffset;
22  // window.onscroll = function () {
23  //   var currentScrollPos = window.pageYOffset;
24  //   if (prevScrollpos > currentScrollPos) {
25  //     $("header").css({
26  //       top: "0px",
27  //     });
28  //   } else {
29  //     $("header").css({
30  //       top: "-100%",
31  //     });
32  //   }
33  //   prevScrollpos = currentScrollPos;
34  // };
35  //navbar ainmation
36  $(window).scroll(function () {
37    var appScroll = $(document).scrollTop();
38    if (appScroll >= 80) {
39      $("header .navbar").addClass("headerAnimate");
40    } else {
41      $("header .navbar").removeClass("headerAnimate");
42    }
43  });
44  //MainSlider
45  var mainSlider = new Swiper(".mainSliderContainer", {
46    spaceBetween: 0,
47    centeredSlides: true,
48    loop: true,
49    // effect: "fade",
50    speed: 500,
51    autoplay: {
52      delay: 8000,
53      disableOnInteraction: false,
54    },
55    pagination: {
56      el: ".mainsliderPagination",
57      clickable: true,
58    },
59    navigation: {
60      nextEl: ".mainSliderNext",
61      prevEl: ".mainsliderPrev",
62    },
63  });
64  //workerCvSlider
65  var workerCvSlider = new Swiper(".workerCvSlider", {
66    spaceBetween: 0,
67    centeredSlides: true,
68    loop: true,
69    // effect: "fade",
70    speed: 500,
71    // autoplay: {
72    //   delay: 8000,
73    //   disableOnInteraction: false,
74    // },
75    pagination: {
76      el: ".workerCvSliderPagination",
77      clickable: true,
78    },
79    navigation: {
80      nextEl: ".workerCvSliderNext",
81      prevEl: ".workerCvSliderPrev",
82    },
83  });
84  // services slider
85  var servicesSlider = new Swiper(".servicesSlider", {
86    navigation: {
87      nextEl: ".servicesSliderNext",
88      prevEl: ".servicesSliderPrev",
89    },
90    pagination: {
91      el: ".servicesSlidePagination",
92      type: "fraction",
93    },
94    loop: true,
95    spaceBetween: 30,
96    speed: 1000,
97    autoplay: {
98      delay: 2500,
99      disableOnInteraction: false,
100    },
101    slidesPerView: "auto",
102  });
103  $(".servicesSlider").hover(
104    function () {
105      this.swiper.autoplay.stop();
106    },
107    function () {
108      this.swiper.autoplay.start();
109    }
110  );
111
112  //Categories Slider
113  var referencesSlider = new Swiper(".referencesSlider", {
114    navigation: {
115      nextEl: ".swiper-button-next",
116      prevEl: ".swiper-button-prev",
117    },
118    centeredSlides: true,
119    loop: true,
120    slidesPerView: "auto",
121    spaceBetween: 5,
122    speed: 1000,
123    autoplay: {
124      delay: 1500,
125      disableOnInteraction: false,
126    },
127  });
128
129    $(".hideSideBtn").click(function () {
130        $(".workers-section .allWorkersSide").toggleClass("showSide");
131    });
132
133});
134// ////////////////////////////////////////
135// ////////////////////////////////////////
136// ////////////////////////////////////////
137// ////////////////////////////////////////
138// ////////////////////////////////////////
139// ////////////////////////////////////////
140// ////////////////////////////////////////
141// ////////////////////////////////////////
142// ////////////////////////////////////////
143// ////////////////////////////////////////
144// ////////////////////////////////////////
145// ////////////////////////////////////////
146$(document).ready(function () {
147  //spinner
148  $(".loader ").fadeOut("slow");
149  // select2
150  $(".select2search").select2();
151  $(".select2").select2({
152    minimumResultsForSearch: -1,
153  });
154  // odometer
155  $(".odometer").appear(function (e) {
156    var odo = $(".odometer");
157    odo.each(function () {
158      var countNumber = $(this).attr("data-count");
159      $(this).html(countNumber);
160    });
161  });
162  // aos
163  AOS.init({
164    offset: 60,
165    delay: 50,
166    duration: 500,
167    // easing: "linear",
168    once: true,
169  });
170  //aos Delay
171  function aosDelay() {
172    var class_ = "mainSection";
173    $("section").each(function (i) {
174      class_ = $(this).attr("class");
175      $("." + class_ + " div[data-aos]").each(function (i) {
176        var d = 0;
177        d = i * 100;
178        $(this).attr("data-aos-delay", d);
179        d = 0;
180      });
181    });
182  }
183  aosDelay();
184  // tooltip
185  var tooltipTriggerList = [].slice.call(
186    document.querySelectorAll('[data-bs-toggle="tooltip"]')
187  );
188  var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
189    return new bootstrap.Tooltip(tooltipTriggerEl);
190  });
191});
192// /////////////////////////////
193// /////////////////////////////
194// /////////////////////////////
195// custom cursor
196var cursor = document.querySelector(".customCursor");
197var cursorinner = document.querySelector(".customCursorInner");
198var a = document.querySelectorAll("a");
199document.addEventListener("mousemove", function (e) {
200  var x = e.clientX;
201  var y = e.clientY;
202  cursor.style.transform = `translate3d(calc(${e.clientX}px - 50%), calc(${e.clientY}px - 50%), 0)`;
203});
204document.addEventListener("mousemove", function (e) {
205  var x = e.clientX;
206  var y = e.clientY;
207  cursorinner.style.left = x + "px";
208  cursorinner.style.top = y + "px";
209});
210document.addEventListener("mousedown", function () {
211  cursor.classList.add("click");
212  cursorinner.classList.add("customClick");
213});
214document.addEventListener("mouseup", function () {
215  cursor.classList.remove("click");
216  cursorinner.classList.remove("customClick");
217});

218a.forEach((item) => {
219  item.addEventListener("mouseover", () => {
220    cursor.classList.add("customHover");
221  });
222  item.addEventListener("mouseleave", () => {
223    cursor.classList.remove("customHover");
224  });
225});
226let categoriesToggler = document.getElementById("toggleCategories");
227let categories = document.querySelector(".categoriesList");
228categoriesToggler.addEventListener("mouseenter", () => {
229    if (categories.classList.contains("show") == false) {
230        categories.classList.add("show");
231    }
232});
233categoriesToggler.addEventListener("mouseleave", () => {
234    if (categories.classList.contains("show") == true) {
235        categories.classList.remove("show");
236    }
237});
238categories.addEventListener("mouseenter", () => {
239    categories.classList.add("show");
240});
241categories.addEventListener("mouseleave", () => {
242    categories.classList.remove("show");
243});
244
245let toggleInnerLinks = document.getElementById("toggleInnerLinks");
246let innerLinks = document.querySelector(".innerLinks");
247toggleInnerLinks.addEventListener("mouseenter", () => {
248    if (innerLinks.classList.contains("show") == false) {
249        innerLinks.classList.add("show");
250    }
251});
252toggleInnerLinks.addEventListener("mouseleave", () => {
253    if (innerLinks.classList.contains("show") == true) {
254        innerLinks.classList.remove("show");
255    }
256});
257innerLinks.addEventListener("mouseenter", () => {
258    innerLinks.classList.add("show");
259});
260innerLinks.addEventListener("mouseleave", () => {
261    innerLinks.classList.remove("show");
262});
263$(document).ready(function () {
264    $(".preloader").delay(1200).fadeOut(300);
265});