| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 해피씨지아이
- 솔루션
- happycgi
- 게시판
- #쇼핑몰
- #cgimall
- #뉴스
- 홈페이지제작
- #홈페이지
- javascript
- #웹솔루션
- 사이트제작
- #솔루션
- 쇼핑몰
- #동영상
- #jQuery
- #해피CGI
- CGIMALL
- 웹솔루션
- #CSS
- 해피CGI
- #홈페이지제작
- #happycgi
- jquery
- #image
- #이미지
- php
- 홈페이지
- CSS
- #업종별
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Jquery Responsive-Tabs 본문
* 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 기능등을 제공하는것을 볼 수 있습니다
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
| [해피CGI][cgimall] 체크박스와 함께 사용가능한 Multiple Select (0) | 2017.11.28 |
|---|---|
| [해피CGI][cgimall] 프랜차이즈(치킨) 홈페이지 - 업종별 (0) | 2017.11.24 |
| [해피CGI][cgimall] Password Strength Meter (0) | 2017.11.23 |
| [해피CGI][cgimall] 차트 라이브러리 오픈소스, nwagon (0) | 2017.11.23 |
| [해피CGI][cgimall] Line Height (0) | 2017.11.22 |
'웹프로그램밍 자료실/JAVA 자료' Related Articles
more
Comments