웹솔루션개발 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 메소드.- 작동 화면

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

* flxMenu - flxMenu 플러그인은 데스크톱 및 모바일 장치에 드롭 다운 탐색을 만드는 데 도움이되는 반응 형 jQuery 플러그인입니다. * License - MIT License * 적용방법 - 첨부된 압축파일을 해제하여 디렉터리에 업로드한후 적용할 html 문서에 아래와 같은 코드들을 삽입합니다 배포된 js , css 를 호출합니다 드랍다운될 요소 html 을 작성합니다 브라우저로 출력시 아래와 같은 드랍다운이 작동되는 화면을 확인할 수 있습니다 첨부된 파일에 fixMenu-master/fixMenu_Examples 폴더안에 html 샘플파일이 있으니 참고하면 좋을듯 합니다