-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
56 lines (49 loc) · 1.49 KB
/
script.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
var elemC = document.querySelector(".elem-container");
var fixed = document.querySelector("#fixed-image");
elemC.addEventListener("mouseenter", function () {
fixed.style.display = "block";
});
elemC.addEventListener("mouseleave", function () {
fixed.style.display = "none";
});
var elems = document.querySelectorAll(".elem");
elems.forEach(function (e) {
e.addEventListener("mouseenter", function () {
var image = e.getAttribute("data-image");
fixed.style.backgroundImage = `url(${image})`;
});
});
var loader = document.querySelector("#loader");
setTimeout(function () {
loader.style.top = "-100%";
}, 4200);
document.addEventListener("mousemove", function (dets) {
gsap.to("#cursor", {
left: dets.x,
top: dets.y,
});
});
// document.querySelectorAll("#child1").addEventListener("mouseenter", function () {
// gsap.to("#cursor", {
// transform: `translate(-50%,-50%) scale(1)`,
// });
// });
// document.querySelector("#child1").addEventListener("mouseleave", function () {
// gsap.to("#cursor", {
// transform: `translate(-50%,-50%) scale(0)`,
// });
// });
document.querySelectorAll(".child").forEach(function (elem) {
elem.addEventListener("mouseenter", function () {
gsap.to("#cursor", {
transform: `translate(-50%,-50%) scale(1)`,
});
});
});
document.querySelectorAll(".child").forEach(function (elem) {
elem.addEventListener("mouseleave", function () {
gsap.to("#cursor", {
transform: `translate(-50%,-50%) scale(0)`,
});
});
});