https://seoulstrollerrun.co.kr/js/common.js?v=20210804

1$(function(){
2
3	var $header = $('#header');
4	$('#header .depth01 a').hover(function(){
5		$header.addClass('on');
6		$('#header .depth01 a').removeClass('on');
7		$(this).addClass('on');
8	});
9
10
11	$header.on('mouseleave', function(){
12		var windowSize = $(window).width();
13		if(windowSize > 1200) {
14			$header.removeClass('on');
15		}
16
17	});
18
19	$('.menu_btn').on('click', function(){
20		$header.toggleClass("on");
21
22	});
23
24});
25$(function() {
26		$('a, button').addClass('link');
27		function animatedCursor() {
28
29			if ($(".aimated-cursor").length) {
30
31				var e = {
32						x: 0,
33						y: 0
34					},
35					t = {
36						x: 0,
37						y: 0
38					},
39					n = .25,
40					o = !1,
41					a = document.getElementsByClassName("cursor"),
42					i = document.getElementsByClassName("cursor-loader");
43				TweenLite.set(a, {
44						xPercent: -50,
45						yPercent: -50
46					}), document.addEventListener("mousemove", function(t) {
47						var n = window.pageYOffset || document.documentElement.scrollTop;
48						e.x = t.pageX, e.y = t.pageY - n
49					}), TweenLite.ticker.addEventListener("tick", function() {
50						o || (t.x += (e.x - t.x) * n, t.y += (e.y - t.y) * n, TweenLite.set(a, {
51							x: t.x,
52							y: t.y
53						}))
54					}),
55					$(".animated-wrap").mouseenter(function(e) {
56						TweenMax.to(this, .3, {
57							scale: 2
58						}), TweenMax.to(a, .3, {
59							scale: 1.5,
60							borderWidth: "1px",
61							opacity: .2
62						}), TweenMax.to(i, .3, {
63							scale: 1.5,
64							borderWidth: "1px",
65							top: 1,
66							left: 1
67						}), TweenMax.to($(this).children(), .3, {
68							scale: .5
69						}), o = !0
70					}),
71					$(".animated-wrap").mouseleave(function(e) {
72						TweenMax.to(this, .3, {
73							scale: 1
74						}), TweenMax.to(a, .3, {
75							scale: 1,
76							borderWidth: "2px",
77							opacity: 1
78						}), TweenMax.to(i, .3, {
79							scale: 1,
80							borderWidth: "2px",
81							top: 0,
82							left: 0
83						}), TweenMax.to($(this).children(), .3, {
84							scale: 1,
85							x: 0,
86							y: 0
87						}), o = !1
88					}),
89					$(".animated-wrap").mousemove(function(e) {
90						var n, o, i, l, r, d, c, s, p, h, x, u, w, f, m;
91						n = e, o = 2, i = this.getBoundingClientRect(), l = n.pageX - i.left, r = n.pageY - i.top, d = window.pageYOffset || document.documentElement.scrollTop, t.x = i.left + i.width / 2 + (l - i.width / 2) / o, t.y = i
92							.top + i.height / 2 + (r - i.height / 2 - d) / o, TweenMax.to(a, .3, {
93								x: t.x,
94								y: t.y
95							}), s = e, p = c = this, h = c.querySelector(".animated-element"), x = 20, u = p.getBoundingClientRect(), w = s.pageX - u.left, f = s.pageY - u.top, m = window.pageYOffset || document.documentElement.scrollTop,
96							TweenMax.to(h, .3, {
97								x: (w - u.width / 2) / u.width * x,
98								y: (f - u.height / 2 - m) / u.height * x,
99								ease: Power2.easeOut
100							})
101					}),
102					$(".hide-cursor,.btn,.tp-bullets").mouseenter(function(e) {
103						TweenMax.to(".cursor", .2, {
104							borderWidth: "1px",
105							scale: 2,
106							opacity: 0
107						})
108					}), $(".hide-cursor,.btn,.tp-bullets").mouseleave(function(e) {
109						TweenMax.to(".cursor", .3, {
110							borderWidth: "2px",
111							scale: 1,
112							opacity: 1
113						})
114					}), $(".link").mouseenter(function(e) {
115						TweenMax.to(".cursor", .2, {
116							borderWidth: "0px",
117							scale: 3,
118							backgroundColor: "rgba(5,5,5,0.5)",
119							opacity: .15
120						})
121					}), $(".link").mouseleave(function(e) {
122						TweenMax.to(".cursor", .3, {
123							borderWidth: "2px",
124							scale: 1,
125							backgroundColor: "rgba(255,255,255,0)",
126							opacity: 1
127						})
128					})
129
130			}
131
132		}
133
134		if ($(window).width() > 991) {
135			setTimeout(function() {
136				animatedCursor();
137			}, 1000);
138			$('header .side-menu').mouseenter(function() {
139				$('header ~ .aimated-cursor').addClass('magic');
140			});
141			$('header .side-menu').mouseleave(function() {
142				$('header ~ .aimated-cursor').removeClass('magic');
143			});
144		} else {
145
146			$('.aimated-cursor').addClass('magic');
147
148		}
149	});