school-website-static/script.js at master · prakash-dev-code/school-website-static · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78

// ----image slider function- start--//
let flag = 0 ;

function controller(x){
    flag =  flag + x;
    slideshow(flag);
}

slideshow(flag);
function slideshow(num){

    let slides = document.getElementsByClassName('slide');
    if (num == slides.length){
        flag = 0;
        num = 0;
    } if(num < 0){
        flag = slides.length-1;
        num = slides.length-1;


    }

 for (let y of slides){
     y.style.display = "none";
 }


    slides[num].style.display = "block";


}

// let slideIndex = 0;
// showSlides();

// function showSlides() {
//   let i;
//   let slides = document.getElementsByClassName("slide");
//   for (i = 0; i < slides.length; i++) {
//     slides[i].style.display = "none";
//   }
//   slideIndex++;
//   if (slideIndex > slides.length) {slideIndex = 1}
//   slides[slideIndex-1].style.display = "block";
//   setTimeout(showSlides, 3000);
// }

// ----image slider function end---//

// --------sticky nav bar-- start--\\
window.addEventListener('scroll',function(){
    let navbar = document.getElementById("navbar");
    if (window.pageYOffset >=106){
        navbar.classList.add('sticky');

    }
    else{
        navbar.classList.remove('sticky');
    }
});


// -------showmenu and hidemenu function--//

var navLinks = document.getElementById("navLinks");
function showMenu(){
    navLinks.style.right = "0";
}
function hideMenu(){
    navLinks.style.right = "-200px";
}