일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- #해피CGI
- #홈페이지제작
- 게시판
- #쇼핑몰
- 솔루션
- happycgi
- #image
- #이미지
- #솔루션
- CSS
- 해피씨지아이
- #cgimall
- 쇼핑몰
- 사이트제작
- #웹솔루션
- 홈페이지제작
- 홈페이지
- 웹솔루션
- php
- #CSS
- #happycgi
- #동영상
- #홈페이지
- CGIMALL
- #jQuery
- javascript
- jquery
- #뉴스
- 해피CGI
- #업종별
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 아날로그 시계 본문
아날로그 시계를 웹 페이지에 보여주는 플러그인을 소개 합니다.
라이센스는 MIT 라이센스 입니다.
사용법에 대해서 안내 합니다.
1. 라이브러리를 호출 하세요.
2. 시계 위치를 잡기 위해 css 를 추가해 주세요.
3. 시계를 출력할 컨테이너를 선언하세요.
4.컨테이너에 시계를 생성하는 스크립트를 호출 합니다.
정상 작동하게 되면 아래의 이미지 처럼 출력 됩니다.
스크립트로 시계 함수에 전달 가능한 옵션에 대해서 설명 합니다.
szie : 시계의 크기 설정
x : 시계의 x축 시작 좌표
y : 시계의 y축 시작 좌표
x, y 값 설정시 주의사항은 시계의 중심점을 기준으로 좌표를 설정해야 합니다.
즉, x값 0, y값 0 으로 설정하신 후 원하시는 좌표 값을 설정하시면 됩니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 모바일용 이미지 슬라이드 Custom scroll slider (0) | 2020.09.25 |
---|---|
[해피CGI][cgimall] 아날로그 시계(timezone 가능) (0) | 2020.09.24 |
[해피CGI][cgimall] Versatile Touch-enabled Slider Plugin With jQuery - EasySlides (0) | 2020.09.22 |
[해피CGI][cgimall] jquery - Slide Out Box Menu (0) | 2020.09.18 |
[해피CGI][cgimall] Revealing Hero Effect with CSS & JavaScript (0) | 2020.09.15 |
Comments