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

[해피CGI][cgimall] Jquery Responsive-Tabs 본문

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

[해피CGI][cgimall] Jquery Responsive-Tabs

해피CGI윤실장 2017. 11. 24. 08:56

* License

- MIT License



* jQuery Responsive Tabs 설명

- javascript/jQuery 사용
- 데스크톱 / 태블릿 /모바일 에 css사용
- 탭이벤트에 대한 콜백이벤트 제공
- URL 해시로 탭을 열 수 있음
- 탭접기 기능
- 탭사용 중지 기능
- 크로스 브라우저 호환성(IE7+, Chrome, Firefox, Safari 및 Opera)



* 사용방법

- jQuery 최소 1.7.0 버전 이상필요
- 첨부된 압축파일을 압축을 해제하여 js,css 폴더안에 
   jquery.responsiveTabs.js , jquery-2.1.0.min.js , responsive-tabs.css 파일을 호출




- HTML 마크업 사용





jquery 함수를 사용하여 선택한 요소에 대한 반응형 탭을 활성화합니다






샘플 테스트 예제 실행결과에 따른 페이지 입니다
탭활성화 비활성화, 원하는 탭 바로 이동 loop 기능등을 제공하는것을 볼 수 있습니다



홈페이지바로가기 소스다운로드

Comments