| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- #업종별
- #홈페이지
- #동영상
- 해피CGI
- CSS
- #image
- 홈페이지
- #쇼핑몰
- 이미지
- php
- 웹솔루션
- 사이트제작
- jquery
- 해피씨지아이
- #happycgi
- #솔루션
- #뉴스
- 솔루션
- #jQuery
- #해피CGI
- #이미지
- #웹솔루션
- happycgi
- 게시판
- 홈페이지제작
- #CSS
- javascript
- CGIMALL
- #홈페이지제작
- #cgimall
- Today
- Total
목록Drag (4)
웹솔루션개발 26년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] jQuery를 활용한 모바일 친화적 드래그 앤 드롭 플러그인 - draganddrop.js
- 소개draganddrop.js는 jQuery UI 라이브러리 없이도 모든 DOM 요소에 정렬 및 드래그 기능을 제공하는 jQuery 드래그 앤 드롭 플러그인입니다 . 단일 요소, 중첩 요소 및 그룹화된 목록을 지원하며, 터치 및 데스크톱 기기와 호환됩니다.- 라이센스MIT- 사용 방법1. 문서에 다음 파일을 로드하면 draganddrop.js 라이브러리를 사용할 준비가 됩니다.2. 지정한 DOM 요소에서 드래그 기능을 활성화합니다.3. HTML 목록에서 정렬 및 드래그 기능을 활성화합니다.4. 정렬 기능을 사용자 정의할 수 있는 옵션입니다. 5. 드래그 기능을 사용자 정의할 수 있는 옵션입니다.6. API 메소드.- 작동 화면
[해피CGI][cgimall] 재미있는 이미지 드래그효과
다양한 기술을 사용하여 이미지에 재미있는 드래그 효과를 적용한 세트입니다.드래그되는 이미지에 애니메이션을 적용하고, 이미지를 왜곡하거나 크기를 조정하거나 필터를 적용한 소스입니다.
[해피CGI][cgimall] Easy Draggable & Reorderable jQuery Plugin - dragSort.js
dragSort.js는사용자가 드래그 앤 드롭을 통해특정 컨테이너의 항목을 재정렬할 수 있도록 하는사용하기 쉬운 jQuery 플러그인입니다. HTML 목록뿐만 아니라 플러그인은 테이블, DIV, 설명 목록, 양식 필드 및 상상할 수 있는 모든 것과 같은 거의 모든 HTML 요소를 지원합니다.다운로드 받은 파일의 압축을 해제후index.html 파일을 웹브라우저에서 열어보면 확인이 가능합니다.여러 목록 간에 항목을 드래그할 수 있습니다.사용자 지정 자리 표시자 템플릿입니다.요소를 무시할 수 있습니다.항목을 목록 밖으로 끌 때 페이지/컨테이너를 자동으로 스크롤합니다. 사용방법은 아래와 같습니다.
[해피CGI][cgimall] 초소형 드래그(Drag) 앤 드롭(Drop) 플러그인 - jQuery draggable-mcs
- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 draggable-msc 플러그인을 문서에 링크합니다. 2. 헤더 식별자를 사용하여 DIV 컨테이너를 만듭니다. 3. draggable-msg 플러그인을 호출하여 컨테이너를 드래그할 수 있도록 합니다. 4. 옵션으로 드래그할 수 있는 기본 식별자를 재정의할 수 있습니다. 5. 옵션으로 드래그 가능한 DIV의 초기 위치를 지정할 수 있습니다. - 작동 예제