드래그 앤 드롭 효과를 얻기 위해 jquery를 사용하는 방법

jquery를 사용하여 드래그 효과를 얻는 방법: 1. "$("#element id value")" 문을 사용하여 지정된 id 값에 따라 요소 노드를 얻습니다. 2. draggable() 메서드를 사용하여 추가합니다. 요소 노드에 대한 드래그 효과, 구문은 "element node.draggable();"입니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.0, Dell G3 컴퓨터.

jquery를 사용하여 드래그 앤 드롭 효과를 얻는 방법

1. jquery와 jquery-ui를 HTML 인터페이스에 도입해야 합니다. 그렇지 않으면 원하는 효과를 얻을 수 없습니다. div에 div를 중첩하고 ID를 추가합니다. div에 f와 s의 ID를 추가했습니다. f의 스타일 효과를 설정하고 테두리를 추가합니다.

s 스타일을 다시 설정하세요. 크기는 이전 f를 넘지 않아야 하며, 배경색은 빨간색으로 설정하세요.

2. 기본 스타일이 모두 완성되었습니다. 그런 다음 빨간색 div에 드래그 효과를 추가하기 시작했습니다. ("#s")를 사용하여 빨간색 div를 가져온 다음 draggable 메서드를 호출하여 얻은 빨간색 div에 드래그 효과를 추가합니다.

이제 마우스로 빨간색 div를 드래그할 수 있습니다. 그런 다음 검은색 테두리로 이동합니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 드래그 앤 드롭 효과를 얻기 위해 jquery를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!