-
Notifications
You must be signed in to change notification settings - Fork 1
/
navfoot.js
97 lines (86 loc) · 2.49 KB
/
navfoot.js
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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
// ---------------OFFERBAR FUNCTION-----------------
let op= document.querySelector('.offer_bar')
let cbox= document.querySelector("input[type=checkbox]");
cbox.addEventListener('change', function(){
let op= document.querySelector('.offer_bar')
if(this.checked){
op.style.display= 'none'
}
})
// ------------Search Bar Onclick Functionallity------------------
let search_input = document.getElementById("search");
search_input.addEventListener("click", () => {
search_input.placeholder = "What are you looking for?";
search_input.style.border = "none";
});
// ------------Fixed Lower to Top Onclick Functionallity--------------
var mybutton = document.getElementById("top_btn");
window.onscroll = function () {
scrollFunc();
};
function scrollFunc() {
if (document.body.scrollTop > 10 || document.documentElement.scrollTop > 10) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
// ------------On hover Show dropdown Functionallity--------------
let inside_menu = document.getElementById("inside_menu");
let main_menu = document.querySelector(".main_menu_item");
// let item10 = document.querySelector(".item10");
let show = () => {
inside_menu.style.display = "flex";
};
let show1 = () => {
inside_menu.style.display = "flex";
inside_menu.className = "add_on1";
};
let show2 = () => {
inside_menu.style.display = "flex";
// inside_menu.addStyle()
inside_menu.className = "add_on2";
};
let show3 = () => {
inside_menu.style.display = "flex";
inside_menu.className = "add_on3";
};
let show4 = () => {
inside_menu.style.display = "flex";
inside_menu.className = "add_on4";
};
let show5 = () => {
inside_menu.style.display = "flex";
inside_menu.className = "add_on5";
};
let show6 = () => {
inside_menu.style.display = "flex";
inside_menu.className = "add_on6";
};
let show7 = () => {
inside_menu.style.display = "flex";
inside_menu.className = "add_on7";
};
let show8 = () => {
inside_menu.style.display = "flex";
inside_menu.className = "add_on8";
};
let show9 = () => {
inside_menu.style.display = "flex";
inside_menu.className = "add_on9";
};
let show10 = () => {
inside_menu.style.display = "flex";
inside_menu.className = "add_on10";
item10.append(inside_menu);
};
let hide = () => {
inside_menu.style.display = "none";
};
let move = () => {
inside_menu.style.display = "flex";
};