소메뉴 유지 질문입니다.

소메뉴 유지 질문입니다.

QA

소메뉴 유지 질문입니다.

답변 2

본문

http://sunspaland.com/

 

안녕하세요 위 링크 보시면 현재 메인메뉴에 마우스오버하면 소메뉴가 나오는데

메뉴가 마우스오버 하기 전에도 그대로 나오게 할수 있게 하는 방법이 있을까요?

 

아래는 코딩한것 입니다.

 

 

 

 

<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;" 을 넣어주시면서 유지되는것 확인하시면 될 듯 합니다. 빨간색 함수는 삭제하시구요. 


얼뚱 님 방법이 간단한 듯 하네요..^^

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 26
© SIRSOFT
현재 페이지 제일 처음으로