728x90
반응형
탭메뉴를 반응형으로 구현하는 방법 중 하나입니다.
화면이 작아지는 모바일에서 탭메뉴는 한줄로 표현하기 어려워 집니다.
jQuery 를 이용해 탭메뉴를 선택했을때 셀렉트 메뉴 선택 option 도 달라지도록 설정해
큰화면으로 보다가 화면이 줄어들어 탭메뉴에서 select 로 변경되어도 선택한 메뉴가 유지되도록 합니다.
모바일에서는 select 형태로 보이고
웹에서는 tab 메뉴 형태로 보입니다.
또다른 반응형방법
728x90
반응형
'javascript > jQuery' 카테고리의 다른 글
| [JAVASCRIPT/JQUERY] Jquery UI (draggable/droppable)옵션설정하기 (0) | 2019.04.10 |
|---|---|
| [JAVASCRIPT/JQUERY]이미지슬라이드 플러그인 slick 옵션 설정하는 법(사용법) (0) | 2019.04.08 |
| [JAVASCRIPT/JQUERY]애니메이션 - 숫자가 0부터 점점 커지는 롤링애니메이션 (0) | 2019.04.08 |
| [JAVASCRIPT/JQUERY]이미지 리스트 반응형으로 구현할 때 참고 (0) | 2019.04.08 |
| [JAVASCRIPT/JQUERY] 스크롤 감지 이벤트 (mousewheel) - 스크롤이 위로올라가는중인지 내려가는중인지 현재 어느위치에 있는지.. (266) | 2019.04.08 |
댓글