일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 사이트제작
- 쇼핑몰
- 솔루션
- #쇼핑몰
- #jQuery
- 웹솔루션
- 해피씨지아이
- 홈페이지제작
- #동영상
- #뉴스
- #happycgi
- 해피CGI
- #해피CGI
- CSS
- 홈페이지
- php
- #웹솔루션
- #image
- javascript
- #홈페이지
- CGIMALL
- #홈페이지제작
- 게시판
- #솔루션
- #cgimall
- #이미지
- #업종별
- #CSS
- jquery
- happycgi
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 슬라이더를 이용하여 시간을 설정하는 jQuery 플로그인 - durationSlider 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] 슬라이더를 이용하여 시간을 설정하는 jQuery 플로그인 - durationSlider
해피CGI윤실장 2019. 2. 28. 09:16슬라이더를 이용하여 시간을 설정하는 jQuery 플로그인입니다.
- 라이센스
MIT
- 사용 방법
1. 사용할 페이지 상단에 jQuery 라이브러리와 CSS 링크를 걸어줍니다.
2. 사용할 페이지 상단에 durationSlider 플러그인 파일을 링크해줍니다.
3. 설정 시간을 표시할 INPUT 태그를 추가합니다.
4. 슬라이더를 표시할 DIV 레이어를 추가합니다.
5. durationslider 플러그인을 호출하여 슬라이더를 생성합니다.
6. 시간의 출력 포멧도 설정할 수 있습니다.
7. 슬라이더의 범위(최소/최대값)와 값의 변동 단위를 변경할 수 있습니다.
8. 슬라이더를 마우스 휠로 이동할지 여부도 설정할 수 있습니다.
- 결과물
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 360-degree Product Image Viewer - jQuery rotate360.js (0) | 2019.03.05 |
---|---|
[해피CGI][cgimall] 원 페이지 스크롤 네비게이션 jQuery 소스 (0) | 2019.02.28 |
[해피CGI][cgimall] 모바일 사이트 UI 제작을 위한 프레임워크 jquery mobile (0) | 2019.02.27 |
[해피CGI][cgimall] 매번 찾기 귀찮지만 필요한 뒤로가기, 새로고침, 앞으로가기 자바스크립트 소스 (0) | 2019.02.27 |
[해피CGI][cgimall] jquery Sliding Panels Template (0) | 2019.02.26 |
Comments