질문좀드리겠습니다.
본문
안녕하세요 질문좀 드리겠습니다.
아래 보시는 사진과같이 메뉴를 마우스를 델시 아래 전체 메뉴가 나오도록 하고싶은데요
구글링 해도 잘나오지 않더라구요 ㅠㅠ;
저렇게 이미지도 넣고싶은데. 마우스 델시 아래 나오게 하는소스나
관련 오픈소스가 있을까요 ㅠㅠ?
답변 1
<ul class="first_meny">
<li class="menu1">메뉴1
<ul class="scd_menu">
<li>메뉴1-1</li>
</ul>
</li>
<li class="menu_1">메뉴2
<ul class="scd_meny">
<li>메뉴2-1</li>
</ul>
</li>
</ul>
css
.menu1 .scd_meny{display:none}
.menu1:hover .scd_menu{display: block;}
이 거의 확장판이예요
사실상 같죠.
트리구조 무시하신다면
그냥
GNB DIV 따로 묶고
submenu DIV 따로 묶어서
GNB DIV가 hover 이면 submenu DIV의 display값만 조정해주시면 됩니다
답변을 작성하시기 전에 로그인 해주세요.
