제목 : AR CSS 시계 (visit)
제작 : 2018-02-17 로빈아빠 howcode.co.kr
개요 : HTML로 구현되는 시계로 순수 CSS,JS 로 구현되어 부하가 적게걸린다. (canvas 사용하지 않음)
샘플 : http://howcode.co.kr/bbs/board.php?bo_table=tip_gnu
설치 :
1) skin/visit 폴더에 압축풀기
2) 보여주고자하는 위치에 <DIV>와 visit 추가
예) tail.php
<div style='width:200px;height:200px;padding:20px;margin:0 auto'>
<?php echo visit('ar.clock1');?>
</div>
설명 :
1) 두 종류의 시계 입니다.
ar.clock1 은 심플한 시계로 분단위로 갱신이 됩니다.
시간 숫자을 전부 출력하려면 소스에서 아랫 부분에 추가해주세요.
<div class="num num3"><div>3</div></div>
ar.clock2 는 조금 복잡한 시계로 초단위로 갱신이 됩니다.
날짜와 시간을 감추려면 style.css 에서 다음의 라인을 추가하세요.
#ar-clock2 #ar-date2 {display:none}
#ar-clock2 #ar-time2 {display:none}
2) 시계의 크기는 호출되는 위치의 100%로 지정되어 있으므로 호출되기전에
div 등에서 크기를 미리 지정해야합니다.
예)
<div style='width:200px;height:200px;padding:20px;margin:0 auto'>
<?php echo visit('ar.clock1');?>
</div>
<div style='width:200px;height:200px;padding:20px;margin:0 auto'>
<?php echo visit('ar.clock2');?>
</div>
소스의 배포/수정/사용은 별도 제한이 없습니다.
퍼가실 때 꼭 출처를 밝혀주시기 바랍니다.
출처 : howcode.co.kr 로빈아빠 김성대
댓글 15개
잘 쓰겠습니다.
게시판 목록
그누보드5 스킨
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 2348 | 게시판 | 2년 전 | 3815 | ||
| 2347 | 게시판 | 2년 전 | 2226 | ||
| 2346 | 게시판 | 2년 전 | 4664 | ||
| 2345 | 최신글 | 2년 전 | 3147 | ||
| 2344 | 게시판 | 2년 전 | 1615 | ||
| 2343 | 게시판 | 2년 전 | 1795 | ||
| 2342 | 게시판 | 2년 전 | 1737 | ||
| 2341 | 게시판 | 2년 전 | 4467 | ||
| 2340 | 게시판 | 2년 전 | 1621 | ||
| 2339 | 게시판 | 2년 전 | 2570 | ||
| 2338 | 게시판 | 2년 전 | 1944 | ||
| 2337 | 레이아웃 | 2년 전 | 4662 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기