일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- jquery
- #image
- happycgi
- #CSS
- CGIMALL
- 게시판
- #업종별
- #동영상
- #cgimall
- #jQuery
- 홈페이지
- 해피CGI
- #뉴스
- 웹솔루션
- #홈페이지
- #쇼핑몰
- CSS
- 해피씨지아이
- #홈페이지제작
- 홈페이지제작
- #happycgi
- javascript
- #솔루션
- 쇼핑몰
- 사이트제작
- php
- #이미지
- #해피CGI
- 솔루션
- #웹솔루션
- Today
- Total
목록#Soccer_Field_Diagram (1)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Soccer Field Diagram With Players And Positions - jQuery soccerField.js
다운로드 받은 파일의 압축을 해제한 후, demo/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 축구 필드를 먼저 화면에 표시해주고, 각각의 포지션에 맞는 위치에 사람 그림이 표시가 되고, 해당 포지션에 배치된 선수가 누구인지를 서서히 표시해줍니다. 소스코드를 열어보면 1. jquery.js 와 soccerfield.js 를 로드를 먼저 합니다. 2. 선수의 이름과 포지션에 해당하는 데이터를 준비합니다. 3. 배경이 되는 축구 필드를 표시하는 스크립트를 실행하고, 해당 필드의 크기, 배경용 이미지 외 몇가지 옵션을 조절해서 아래와 같은 코드들을 작성하면 됩니다. 필드에 대한 옵션과, 선수에 대한 옵션이 나누어져 있네요. 모든 선수들이 필드에 표시된 이후에 작동 되는 콜백함수도 만들수..
웹프로그램밍 자료실/JAVA 자료
2020. 11. 24. 09:15