웹프로그램밍 자료실/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 기능등을 제공하는것을 볼 수 있습니다