[해피CGI][cgimall] jQuery 반응형 탭메뉴

탭메뉴는  올바르게 디자인된 경우 매우 편리하고 유용한 인터페이스 요소가 될 수 있습니다.
그러나 모바일 장치와 같은 작은 화면에서 작동하는 반응형 웹 사이트를 구축할 때 탭 기반 인터페이스는 특히 CSS를 통해 모양을 수정하기 어려울 때 큰 문제가 될 수 있습니다.

 

미디어 쿼리를 삽입하여 탭의 HTML 코드를 수정할 수 있습니다.
그러나 HTML을 수동으로 변경해야 하기 때문에 이것은 매우 어려운 작업입니다.

또는 해당 자료에서 제공할 jQuery 반응형 탭 스크립트를 사용하여 모바일 장치 와 같은 작은 화면에서 탭을 아코디언 인터페이스로 전환하여 모든 공간을 더 중요한 정보에 사용해 보세요.

# 일반화면

# 모바일과 같은 가로 디바이스가 작은 화면

사용방법 안내 입니다. 


1. 탭메뉴 CSS 호출

2. 콘텐츠 생성

3. 라이브러리 호출 및 이벤트 등록

라이센스는 MIT 입니다.