소메뉴 유지 질문입니다.
본문
안녕하세요 위 링크 보시면 현재 메인메뉴에 마우스오버하면 소메뉴가 나오는데
메뉴가 마우스오버 하기 전에도 그대로 나오게 할수 있게 하는 방법이 있을까요?
아래는 코딩한것 입니다.
<body>
<div id="header">
<div class="head01">
<h1><a href="#" class="logo"><img src="images/top/logo.jpg"></a></h1>
<ul class="gnb">
<li><a href="#"><img src="images/top/login.jpg"></a></li>
<li><a href="#"><img src="images/top/member.jpg"></a></li>
<li><a href="#"><img src="images/top/mypage.jpg"></a></li>
<li><a href="#"><img src="images/top/sitemap.jpg"></a></li>
</ul>
</div><!--headerCont-->
<div>
<div id="wrapper">
<div class="head02">
<div class="headerCont" onmouseover='show_menu();' onmouseout='show_menu();'>
<div class="nav">
<ul>
<li ><a href="#" class="selected"><span>리조트소개</span></a></li>
<li><a href="#"><span>객실</span></a></li>
<li><a href="#"><span>스파</span></a></li>
<li><a href="#"><span>부대시설</span></a></li>
<li><a href="#"><span>홍천온천</span></a></li>
<li><a href="#"><span>레프팅</span></a></li>
<li><a href="#"><span>연회</span></a></li>
<li><a href="#"><span>주변관광지</span></a></li>
<li><a href="#"><span>이벤트</span></a></li>
<li><a href="#"><span>온라인상담</span></a></li>
<li><a href="#"><span>분양안내</span></a></li>
<li><a href="#"><span>고객센터</span></a></li>
</ul>
</div>
<div class="lnb_s_bar" id="lnb_sm"><!-- lnb_s_bar -->
<div class="lnb_s"><!-- lnb_s -->
<div class="smu01">
<h2 class="blind">리조트소개</h2>
<ul id="menu01">
<li class=""><a href="#">리조트안내</a></li>
<li class=""><a href="#">대표인사말</a></li>
<li class=""><a href="#">조직도</a></li>
<li class=""><a href="#">CI&BI</a></li>
<li class=""><a href="#">PRESS</a></li>
<li class=""><a href="#">오시는 길</a></li>
<li class=""><a href="#">채용정보</a></li>
</ul>
</div>
<div class="smu02">
<h2 class="blind">객실</h2>
<ul id="menu02">
<li class=""><a href="#">이용안내</a></li>
<li class=""><a href="#">이용정보</a></li>
</ul>
</div>
<div class="smu03">
<h2 class="blind">스파</h2>
<ul id="menu03">
<li class=""><a href="#">이용안내</a></li>
<li class=""><a href="#">내부시설</a></li>
<li class=""><a href="#">부대시설</a></li>
</ul>
</div>
<div class="smu04">
<h2 class="blind">부대시설</h2>
<ul id="menu04">
<li class=""><a href="#">서브메뉴</a></li>
<li class=""><a href="#">서브메뉴</a></li>
</ul>
</div>
<div class="smu05">
<h2 class="blind">홍천온천</h2>
<ul id="menu05">
<li class=""><a href="#">온천의정의</a></li>
<li class=""><a href="#">온천의분류및효과</a></li>
<li class=""><a href="#">온천욕방법</a></li>
<li class=""><a href="#">홍천온천소개</a></li>
<li class=""><a href="#">교통안내</a></li>
</ul>
</div>
<div class="smu06">
<h2 class="blind">레프팅</h2>
<u id="menu06"l>
<li class=""><a href="#">레프팅이란</a></li>
<li class=""><a href="#">레프팅장비</a></li>
<li class=""><a href="#">레프팅코스</a></li>
<li class=""><a href="#">레프팅예약</a></li>
</ul>
</div>
<div class="smu07">
<h2 class="blind">연회</h2>
<ul>
<li class=""><a href="#">서브메뉴</a></li>
<li class=""><a href="#">서브메뉴</a></li>
</ul>
</div>
<div class="smu08">
<h2 class="blind">주변관광지</h2>
<ul>
<li class=""><a href="#">서브메뉴</a></li>
<li class=""><a href="#">서브메뉴</a></li>
</ul>
</div>
<div class="smu09">
<h2 class="blind">이벤트</h2>
<ul>
<li class=""><a href="#">서브메뉴</a></li>
<li class=""><a href="#">서브메뉴</a></li>
</ul>
</div>
<div class="smu10">
<h2 class="blind">온라인상담</h2>
<ul>
<li class=""><a href="#">서브메뉴</a></li>
<li class=""><a href="#">서브메뉴</a></li>
</ul>
</div>
<div class="smu11">
<h2 class="blind">분양안내</h2>
<ul>
<li class=""><a href="#">서브메뉴</a></li>
<li class=""><a href="#">서브메뉴</a></li>
</ul>
</div>
<div class="smu12">
<h2 class="blind">고객센터</h2>
<ul>
<li class=""><a href="#">공지사항</a></li>
<li class=""><a href="#">자주묻는질문</a></li>
<li class=""><a href="#">자유게시판</a></li>
<li class=""><a href="#">포토갤러리</a></li>
<li class=""><a href="#">고객제안</a></li>
<li class=""><a href="#">분실물센터</a></li>
<li class=""><a href="#">Q&A</a></li>
</ul>
</div>
</div><!--//lnb_s -->
</div><!--//lnb_s_bar -->
</div>
</div><!--//head02 end-->
</div>
</div><!--//header-->
답변 2
<body onload="show_menu()">
이렇게 하면 되지 않을까요?
<div id="wrapper">
<div class="head02">
<div class="headerCont" onmouseover='show_menu();' onmouseout='show_menu();'>
위 css 중 hidden 옵션이 있는 것을 없애시던지 각 div 에 style="display:block;" 을 넣어주시면서 유지되는것 확인하시면 될 듯 합니다. 빨간색 함수는 삭제하시구요.
얼뚱 님 방법이 간단한 듯 하네요..^^