웹솔루션개발 22년 노하우! 해피CGI의 모든것

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

웹프로그램밍 자료실/JAVA 자료

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

해피CGI윤실장 2023. 1. 13. 09:34

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

 
미디어 쿼리를 삽입하여 탭의 HTML 코드를 수정할 수 있습니다.
그러나 HTML을 수동으로 변경해야 하기 때문에 이것은 매우 어려운 작업입니다.
또는 해당 자료에서 제공할 jQuery 반응형 탭 스크립트를 사용하여 모바일 장치 와 같은 작은 화면에서 탭을 아코디언 인터페이스로 전환하여 모든 공간을 더 중요한 정보에 사용해 보세요.

# 일반화면


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



사용방법 안내 입니다. 


1. 탭메뉴 CSS 호출



2. 콘텐츠 생성



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



라이센스는 MIT 입니다.

 

 

 

Comments