웹솔루션개발 26년 노하우! 해피CGI의 모든것

picknplace.js는 기존의 드래그 앤 드롭 방식을 두 단계 선택 및 배치 상호 작용 패턴으로 대체하는 JavaScript 라이브러리입니다. 표준 HTML5 드래그 앤 드롭 API는 모바일 기기 에서 제어하기가 매우 어렵다는 단점이 있습니다 . 항목을 이동하려다가 실수로 페이지를 스크롤하는 경우가 종종 발생합니다. Picknplace.js는 상호작용 모델을 변경하여 이 문제를 해결합니다. 사용자는 먼저 항목을 "선택"(잠금)하고, 원하는 위치로 스크롤하거나 이동한 다음 "배치"합니다. 이렇게 하면 의도적인 조작이 보장되고 UI가 실수로 이동하는 것을 방지할 수 있습니다.라이센스는 MIT 입니다. # 특징2단계 상호작용 모델 : 선택과 배치를 분리합니다.시각적 피드백 : 아이템 선택 모드 동안 가..

- 소개draganddrop.js는 jQuery UI 라이브러리 없이도 모든 DOM 요소에 정렬 및 드래그 기능을 제공하는 jQuery 드래그 앤 드롭 플러그인입니다 . 단일 요소, ​​중첩 요소 및 그룹화된 목록을 지원하며, 터치 및 데스크톱 기기와 호환됩니다.- 라이센스MIT- 사용 방법1. 문서에 다음 파일을 로드하면 draganddrop.js 라이브러리를 사용할 준비가 됩니다.2. 지정한 DOM 요소에서 드래그 기능을 활성화합니다.3. HTML 목록에서 정렬 및 드래그 기능을 활성화합니다.4. 정렬 기능을 사용자 정의할 수 있는 옵션입니다. 5. 드래그 기능을 사용자 정의할 수 있는 옵션입니다.6. API 메소드.- 작동 화면

다양한 기술을 사용하여 이미지에 재미있는 드래그 효과를 적용한 세트입니다.드래그되는 이미지에 애니메이션을 적용하고, 이미지를 왜곡하거나 크기를 조정하거나 필터를 적용한 소스입니다.

dragSort.js는사용자가 드래그 앤 드롭을 통해특정 컨테이너의 항목을 재정렬할 수 있도록 하는사용하기 쉬운 jQuery 플러그인입니다. HTML 목록뿐만 아니라 플러그인은 테이블, DIV, 설명 목록, 양식 필드 및 상상할 수 있는 모든 것과 같은 거의 모든 HTML 요소를 지원합니다.다운로드 받은 파일의 압축을 해제후index.html 파일을 웹브라우저에서 열어보면 확인이 가능합니다.여러 목록 간에 항목을 드래그할 수 있습니다.사용자 지정 자리 표시자 템플릿입니다.요소를 무시할 수 있습니다.항목을 목록 밖으로 끌 때 페이지/컨테이너를 자동으로 스크롤합니다. 사용방법은 아래와 같습니다.

- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 draggable-msc 플러그인을 문서에 링크합니다. 2. 헤더 식별자를 사용하여 DIV 컨테이너를 만듭니다. 3. draggable-msg 플러그인을 호출하여 컨테이너를 드래그할 수 있도록 합니다. 4. 옵션으로 드래그할 수 있는 기본 식별자를 재정의할 수 있습니다. 5. 옵션으로 드래그 가능한 DIV의 초기 위치를 지정할 수 있습니다. - 작동 예제