-
Notifications
You must be signed in to change notification settings - Fork 0
/
logic.js
109 lines (88 loc) · 2.63 KB
/
logic.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
98
99
100
101
102
103
104
105
106
107
108
109
let aboutsection = document.querySelectorAll("#about");
let abc = document.querySelector(".about")
BarProp
aboutsection[0].addEventListener("mouseenter", () => {
abc.style.display= "block";
});
aboutsection[0].addEventListener("mouseleave", () => {
abc.style.display= "none";
});
let roomsection = document.querySelectorAll("#room");
let abd = document.querySelector(".room")
roomsection[0].addEventListener("mouseenter", () => {
abd.style.display= "block";
abd.style.display= "flex";
});
roomsection[0].addEventListener("mouseleave", () => {
abd.style.display= "none";
});
let ds = document.querySelectorAll("#dining");
let dd = document.querySelector(".dining")
ds[0].addEventListener("mouseenter", () => {
dd.style.display= "block";
dd.style.display= "flex";
});
ds[0].addEventListener("mouseleave", () => {
dd.style.display= "none";
});
let es = document.querySelectorAll("#exper");
let ed = document.querySelector(".Experience")
es[0].addEventListener("mouseenter", () => {
ed.style.display= "block";
ed.style.display= "flex";
});
es[0].addEventListener("mouseleave", () => {
ed.style.display= "none";
});
let ees = document.querySelectorAll("#event");
let eed = document.querySelector(".Event")
ees[0].addEventListener("mouseenter", () => {
eed.style.display= "block";
eed.style.display= "flex";
});
ees[0].addEventListener("mouseleave", () => {
eed.style.display= "none";
});
let allbox = document.querySelectorAll(".box");
let arrow = document.querySelectorAll(".j");
for (let i = 0; i < allbox.length; i++) {
allbox[i].addEventListener("mouseenter", (event) => {
console.log("mouseenter")
arrow[i].style.transform = "rotate(180deg)";
});
allbox[i].addEventListener("mouseleave", (event) => {
arrow[i].style.transform = "rotate(0deg)";
console.log("mouseleave")// Assuming you want to revert back to the original rotation
});
}
let left = document.querySelector(".odl");
let right = document.querySelector(".odr");
let alimg = document.querySelectorAll(".image");
let i = 0;
let j = 4;
let pivot = 0;
alimg[0].style.diplay="none";
left.addEventListener("click",()=>{
if(pivot>0){
alimg[pivot-1].style.display="block";
alimg[pivot].style.display="none";
pivot = pivot-1;
}
else{
alimg[j].style.display="block";
alimg[pivot].style.display="none";
pivot = j;
}
});
right.addEventListener("click",()=>{
if(pivot<4){
alimg[pivot+1].style.display="block";
alimg[pivot].style.display="none";
pivot = pivot +1;
}
else{
alimg[i].style.display="block";
pivot = i;
}
});
s