일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- php
- #image
- 웹솔루션
- #happycgi
- CGIMALL
- #솔루션
- 해피CGI
- #홈페이지
- happycgi
- #jQuery
- jquery
- #홈페이지제작
- CSS
- 쇼핑몰
- #이미지
- #쇼핑몰
- #뉴스
- 홈페이지
- #해피CGI
- 솔루션
- #업종별
- #동영상
- 홈페이지제작
- 해피씨지아이
- 사이트제작
- #웹솔루션
- #cgimall
- javascript
- 게시판
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall]Mobile-friendly Drag And Drop Plugin With jQuery - draganddrop.js 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall]Mobile-friendly Drag And Drop Plugin With jQuery - draganddrop.js
해피CGI윤실장 2022. 3. 14. 09:16다운로드 받은 파일의 압축을 해제한뒤
demo/demo.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.
웹페이지에 표시된 요소들을 드래그 앤 드랍 하는 프로그램은 많지만,
많은 프로그램이 jquery ui 를 이용해야만 작동이 되는데,
이 프로그램은 jquery ui 가 없이도 작동하는 장점이 있습니다.
버튼을 끌어다 정해진 위치에 가져다 놓을수도 있으며,
아래 그림 처럼 아무 위치에나 배치시키는 예제도 있습니다.
드래그 앤 드랍을 이용해서 일반적인 리스트의 순서를 조절한다거나,
리스트를 그룹화 시킨다거나 하는 용도로도 사용이 가능하네요.
사용하는 방법은 아래와 같습니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall]단어 및 문자열 강조 표시 JQuery 플러그인 - TUS.Marker (0) | 2022.03.23 |
---|---|
[해피CGI][cgimall]선으로 진행률 표시 JQuery 플러그인 - rProgressbar (0) | 2022.03.22 |
[해피CGI][cgimall]상품을 돋보이게 하는 반응형 이미지 슬라이드 (0) | 2022.03.10 |
[해피CGI][cgimall]물결 SVG 배경 생성기 스크립트 (0) | 2022.03.08 |
[해피CGI][cgimall]Simple Emoji Picker Based On Twemoji - jQuery disMojiPicker (0) | 2022.03.07 |
Comments