video_effect_site/header2.php at master · whynot1217/video_effect_site · 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
79
80
81
82
83
84
85
86

    <header id="header" class="header">
		<div class="h_center dp_sb dp_c">
			<h1 class="logo">
				<a href="/"><img src="/images/logo_c.png" alt="logo"></a>
			</h1>
			<div class="h_right dp_f dp_c">
				<p class="menu_txt poppin">MENU</p>
				<div class="h_menu">
					<div class="h_backgrd"></div>
					<button type="button" class="hm_btn">
						<i></i>
						<i></i>
						<span class="blind">MENU</span>
					</button>
				</div>
			</div>
			<div class="whole_menuWrap">
				<div class="w_menu_center dp_f dp_cc">
					<div class="menu_gnb dp_f dp_c">
						<ul>
							<li>
								<a class="poppin" href="/sub01/sub01.php" data-text="ABOUT" title="">ABOUT</a>
							</li>
							<li>
								<a class="poppin" href="/sub02/sub01.php" data-text="WORKS" title="">WORKS</a>
							</li>
							<li>
								<a class="poppin" href="/sub03/sub01.php" data-text="NEWS" title="">NEWS</a>
							</li>
							<li>
								<a class="poppin" href="/sub04/sub01.php" data-text="CONTACT" title="">CONTACT</a>
							</li>
						</ul>
					</div>
					<div class="menu_info">
						<ul class="info_list">
							<li>
								<a href="https://blog.naver.com/herald1202" target="_blank" title="">
									<img src="/images/blog.png" alt="">
									<span class="poppin">blog</span>
								</a>
							</li>
							<!--
							<li>
								<a href="" title="">
									<img src="/images/insta.png" alt="">
									<span class="poppin">instagram</span>
								</a>
							</li>
							-->
						</ul>
					</div>
				</div>
			</div>
		</div>
    </header>

	<script>
			var flag = true;
			$(".h_menu").click(function(){

				if(flag){
				$(".h_menu").addClass("open");
				$(".whole_menuWrap").addClass("open");
				$(".menu_txt").text('CLOSE');
				$(".menu_txt").css({"color":"#ffffff"});
				$('html, body').css({'overflow': 'hidden', 'height': '100%'});
				$('body').on('scroll touchmove mousewheel', function(event) {
				  event.preventDefault();
				  event.stopPropagation();
				  return false;
				});

					flag= false;
				} else {
				$(".h_menu").removeClass("open");
				$(".whole_menuWrap").removeClass("open");
				$(".menu_txt").text('MENU');
				$(".menu_txt").css({"color":"#01010D"});
				$('html, body').css({'overflow': 'hidden', 'height': 'auto'});
				$('body').off('scroll touchmove mousewheel');
					flag= true;
				}
			});
	</script>