[UXUI 웹디자인] 2달차 과제_24~28 / 드랍다운 메뉴 만들기

과제 24_전체메뉴 드랍다운

https://ninefloor.github.io/web-practice/work/24/

 

 

과제 25_개별메뉴 드랍다운

https://ninefloor.github.io/web-practice/work/25/

 

 

과제 26_전체메뉴 드랍다운+날개

https://ninefloor.github.io/web-practice/work/26/

.nav에 position: relative를 주고 하위에 div.nav_back 을 생성
.submenu와 거의 동일한 속성을 주되 width값과 position: absolute;를 이용해 위치를 조정하여 배경으로 깔릴 수 있게 잡아줌.
동작은 $(".submenu, .nav_back").slideToggle(500); 을 줘서 동시에 움직일 수 있게 함.

 

 

과제 27_세로형 개별메뉴 드랍다운(하단)

https://ninefloor.github.io/web-practice/work/27/

 

 

과제 28_세로형 개별메뉴 드랍다운(측면)

https://ninefloor.github.io/web-practice/work/28/