You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
3.7 KiB
85 lines
3.7 KiB
<script> |
|
//헤더 풀다운메뉴 |
|
$(document).ready(function () { |
|
$('#hd').on('mouseenter', function () { |
|
$('#hd').css('background', 'rgba(0, 0, 0, 0.6)'); |
|
$('.gnb_2dul').stop().animate({ 'height': '220px' }, 250); |
|
$('.gnb_1da').css('color', '#fff'); |
|
// $('.hd-sub .color_logo').css('display', 'none'); |
|
// $('.hd-sub .wh_logo').css('display', 'block'); |
|
}); |
|
|
|
$('#hd').on('mouseleave', function () { |
|
// let anchor = window.location.hash.replace("#", ''); |
|
|
|
$('#hd').css('background', 'rgba(0, 0, 0, 0)'); |
|
$('.gnb_2dul').stop().animate({ 'height': '-100px' }, 250); |
|
$('.gnb_1da').css('color', '#fff'); |
|
// $('.hd-sub .color_logo').css('display', 'block'); |
|
// $('.hd-sub .wh_logo').css('display', 'none'); |
|
|
|
}); |
|
}); |
|
</script> |
|
|
|
<div id="hd"> |
|
<h1 id="hd_h1">팔네트웍스</h1> |
|
|
|
<div id="skip_to_container"><a href="#container">본문 바로가기</a></div> |
|
|
|
<div id="hd_wrapper"> |
|
|
|
<div id="logo"> |
|
<a href="index.html"> |
|
<img src="images/pal_logo_wh.png" class="wh_logo"> |
|
<img src="images/pal_logo.png" class="color_logo"> |
|
</a> |
|
</div> |
|
|
|
<nav id="gnb"> |
|
<h2>메인메뉴</h2> |
|
<div class="gnb_wrap"> |
|
<ul id="gnb_1dul"> |
|
<li class="gnb_1dli"> |
|
<a href="#none" target="_self" class="gnb_1da">COMPANY</a> |
|
<span class="bg">하위분류</span> |
|
<ul class="gnb_2dul"> |
|
<li class="gnb_2dli"><a href="company.html" target="_self" class="gnb_2da">기업정보</a></li> |
|
<li class="gnb_2dli"><a href="history.html" target="_self" class="gnb_2da">연혁</a></li> |
|
<li class="gnb_2dli"><a href="partner.html" target="_self" class="gnb_2da">고객 및 협력사</a></li> |
|
<li class="gnb_2dli"><a href="map.html" target="_self" class="gnb_2da">찾아오시는 길</a></li> |
|
</ul> |
|
</li> |
|
<li class="gnb_1dli"> |
|
<a href="#none" target="_self" class="gnb_1da">BUSINESS</a> |
|
<span class="bg">하위분류</span> |
|
<ul class="gnb_2dul"> |
|
<li class="gnb_2dli"><a href="business01.html" target="_self" class="gnb_2da">System Integration</a></li> |
|
<li class="gnb_2dli"><a href="business02.html" target="_self" class="gnb_2da">R&D</a></li> |
|
<li class="gnb_2dli"><a href="business03.html" target="_self" class="gnb_2da">구축사례</a></li> |
|
</ul> |
|
</li> |
|
<li class="gnb_1dli"> |
|
<a href="#none" target="_self" class="gnb_1da">SOLUTION</a> |
|
<span class="bg">하위분류</span> |
|
<ul class="gnb_2dul"> |
|
<li class="gnb_2dli"><a href="solution01.html" target="_self" class="gnb_2da">비행상황관리 시스템</a></li> |
|
<li class="gnb_2dli"><a href="solution02.html" target="_self" class="gnb_2da">IBE(Internet Booking Engine)</a></li> |
|
<li class="gnb_2dli"><a href="solution03.html" target="_self" class="gnb_2da">스마트 관광 예약 플랫폼</a></li> |
|
<li class="gnb_2dli"><a href="solution04.html" target="_self" class="gnb_2da">KT G-cloud 인천총판</a></li> |
|
</ul> |
|
</li> |
|
<li class="gnb_1dli"> |
|
<a href="#none" target="_self" class="gnb_1da">CONTACT US</a> |
|
<span class="bg">하위분류</span> |
|
<ul class="gnb_2dul"> |
|
<li class="gnb_2dli"><a href="message.html" target="_self" class="gnb_2da">문의하기</a></li> |
|
<li class="gnb_2dli"><a href="employ.html" target="_self" class="gnb_2da">채용정보</a></li> |
|
</ul> |
|
</li> |
|
</ul> |
|
</div> |
|
</nav> |
|
|
|
</div> |
|
</div> |