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