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.
81 lines
3.3 KiB
81 lines
3.3 KiB
3 years ago
|
<script>
|
||
|
|
//헤드 풀다운메뉴
|
||
|
|
$(document).ready(function () {
|
||
|
|
$('#hd').on('mouseenter', function () {
|
||
|
|
$('#hd').css('background', 'rgb(255, 255, 255, 1)');
|
||
|
|
$('.gnb_2dul').stop().animate({ 'height': '220px' }, 250);
|
||
|
|
$('.gnb_1da').css('color', '#000');
|
||
|
|
$('.color_logo').css('display', 'block');
|
||
|
|
$('.wh_logo').css('display', 'none');
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#hd').on('mouseleave', function () {
|
||
|
|
$('#hd').css('background', 'rgb(255, 255, 255, 0)');
|
||
|
|
$('.gnb_2dul').stop().animate({ 'height': '-100px' }, 250);
|
||
|
|
$('.gnb_1da').css('color', '#fff');
|
||
|
|
$('.wh_logo').css('display', 'block');
|
||
|
|
$('.color_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" style="display: block;">
|
||
|
|
<img src="../images/pal_logo.png" class="color_logo" style="display: none;">
|
||
|
|
</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">회사소개</a>
|
||
|
|
<span class="bg">하위분류</span>
|
||
|
|
<ul class="gnb_2dul">
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">기업정보</a></li>
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">연혁</a></li>
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">고객 및 협력사</a></li>
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">New & Story</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="gnb_1dli">
|
||
|
|
<a href="#none" target="_self" class="gnb_1da">사업분야</a>
|
||
|
|
<span class="bg">하위분류</span>
|
||
|
|
<ul class="gnb_2dul">
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">DRONE/PAV/UAM</a></li>
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">항공사업</a></li>
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">일반사업</a></li>
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">구축사례</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="gnb_1dli">
|
||
|
|
<a href="#none" target="_self" class="gnb_1da">R&D</a>
|
||
|
|
<span class="bg">하위분류</span>
|
||
|
|
<ul class="gnb_2dul">
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">연구 및 개발</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="gnb_1dli">
|
||
|
|
<a href="#none" target="_self" class="gnb_1da">고객센터</a>
|
||
|
|
<span class="bg">하위분류</span>
|
||
|
|
<ul class="gnb_2dul">
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">찾아오시는 길</a></li>
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">Contact US</a></li>
|
||
|
|
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">채용정보</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|