웹디자인기능사유형2 웹디자인기능사 실기 | 유형별 jQuery 총정리 웹디자인기능사 실기 유형별로 메뉴, 슬라이드, 공지사항, 갤러리, 팝업창, 패밀리사이트에 대한 제이쿼리 모두 정리해봤습니다. 메뉴 가로형 서브메뉴 하단 전체 — 네비게이션 hover $('.subMenu').slideUp(0); $('.nav_header').hover(function(){ $('.subMenu').stop().slideDown('fast'); }, function(){ $('.subMenu').stop().slideUp('fast'); }); 가로형 서브메뉴 하단 전체 배경 — 네비게이션 hover, 배경 $('.subMenu, .subMenuBg').slideUp(0); $('.nav_header').hover(function(){ $('.subMenu, .subMenuBg').sto.. 2022. 3. 18. 웹디자인기능사 실기 | 메뉴(네비게이션) 유형별 소스 A. 가로형 하단 전체 : 마우스 오버 시 서브 메뉴 전체 아래로 슬라이드 B. 가로형 하단 전체 배경 : 마우스 오버 시 서브 메뉴 전체 아래로 슬라이드 C. 가로형 하단 개별 : 마우스 오버 시 해당 서브 메뉴 아래로 슬라이드 D. 세로형 하단 : 마우스 오버 시 해당 서브 메뉴 아래로 슬라이드 E. 세로형 우측 : 마우스 오버 시 해당 서브 메뉴 우측으로 슬라이드 위의 구분과 같이 5가지 메뉴패턴이 있어요. 가로형에서 A와 B는 색만 반전된 형태고, C는 서브메뉴가 하나만 슬라이드다운 되는 형태입니다. 세로형 D와 E는 서브메뉴가 아래냐 우측이냐 차이입니다. 소스를 볼까요? HTML 형태는 같습니다. (B는 한 줄 추가되는 부분이 있어요.) CSS는 전부 차이가 있습니다. 각각 외워야합니다. Jav.. 2021. 7. 20. 이전 1 다음
