| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- #happycgi
- javascript
- #동영상
- #뉴스
- #jQuery
- 홈페이지
- happycgi
- #이미지
- 게시판
- #해피CGI
- php
- #업종별
- #홈페이지
- #image
- 웹솔루션
- 해피CGI
- 쇼핑몰
- #쇼핑몰
- 사이트제작
- 해피씨지아이
- 솔루션
- #홈페이지제작
- 홈페이지제작
- jquery
- #솔루션
- #CSS
- CGIMALL
- CSS
- #웹솔루션
- #cgimall
- Today
- Total
목록#해피CGI #happycgi #cgimall #javascript #DragAndDrop #jQuery #draganddropjs (1)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall]Mobile-friendly Drag And Drop Plugin With jQuery - draganddrop.js
다운로드 받은 파일의 압축을 해제한뒤 demo/demo.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 웹페이지에 표시된 요소들을 드래그 앤 드랍 하는 프로그램은 많지만, 많은 프로그램이 jquery ui 를 이용해야만 작동이 되는데, 이 프로그램은 jquery ui 가 없이도 작동하는 장점이 있습니다. 버튼을 끌어다 정해진 위치에 가져다 놓을수도 있으며, 아래 그림 처럼 아무 위치에나 배치시키는 예제도 있습니다. 드래그 앤 드랍을 이용해서 일반적인 리스트의 순서를 조절한다거나, 리스트를 그룹화 시킨다거나 하는 용도로도 사용이 가능하네요. 사용하는 방법은 아래와 같습니다.
웹프로그램밍 자료실/JAVA 자료
2022. 3. 14. 09:16