일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- #홈페이지
- 홈페이지
- CSS
- 해피씨지아이
- #동영상
- #웹솔루션
- 해피CGI
- #쇼핑몰
- #image
- 홈페이지제작
- 솔루션
- CGIMALL
- happycgi
- 웹솔루션
- #뉴스
- #업종별
- #솔루션
- 사이트제작
- #happycgi
- 쇼핑몰
- #jQuery
- #이미지
- 게시판
- #홈페이지제작
- #해피CGI
- jquery
- #cgimall
- php
- javascript
- #CSS
- Today
- Total
목록Resizable (1)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Resizable, Draggable, Rotatable jQuery Plugin - Box Modeling
DIV 박스를 화면에 표시하고, 드래그를 이용해서 크기조절, 회전이 가능한 jQuery 플러그인입니다. 다운로드 받은 파일의 압축을 해제하면 나오는 index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 화면에 표시되는 박스(DIV) 를 드래그를 이용해서 크기를 늘리거나, 회전하는 손잡이를 이용해서 박스를 회전시키거나, 박스를 끌어서 이동하는게 가능합니다. 크롬 개발자도구를 열어둔 뒤에, 박스의 크기, 위치를 변경할때와, 박스의 회전을 시켜 보면, 화면에 보이는 박스를 표현하기 위한 style(CSS) 태그의 속성들이 조절되는걸 확인해볼수 있습니다. 사용법에 대한 대략적인 설명은 유투브 링크를 슬쩍 보셔도 어렵지 않게 이해는 될것 같습니다.
웹프로그램밍 자료실/JAVA 자료
2021. 10. 26. 09:24