많은 페이지 효 과 는 이런 위치 에 사용 된다.부득이 하 다다음은 JQuery 기반 의 간단 한 드래그 플러그 인 에 대해 말씀 드 리 겠 습 니 다.관례 에 따라 먼저 끌 어 당 기 는 원리 와 이런 절 차 를 말한다.그것 은 끌 어 당 기 는 것 이 무엇 입 니까?이름 만 봐 도 알 수 있다.한 사람 을 이리 저리 끌 고 다 니 는 것 이다.우리 의 DOM 에 올 려 놓 는 것 은 바로 그것 의 위 치 를 바 꾸 는 것 이다.그것 은 두 가지 어 려 운 점 만 있 습 니 다.1.끌 고 있 는 지 어떻게 압 니까?2.어디서 끌 고 어디로 끌 고 가 는 지 어떻게 압 니까?사실 이것 도 어 려 운 점 이 라 고 할 수 없다.왜냐하면 둘 다 기초 적 인 것 이 고 관건 은 숙련 에 있다.js 로 바 꾸 면 우 리 는 드래그 효 과 를 얻 을 수 있 습 니 다.대체적으로 다음 과 같은 절차 가 있 습 니 다.1.요소 캡 처 사건(일반적인 상황 에서 mousedown,mousemove,mouseup)2.mousedown 에 표 시 될 때 드래그 를 시작 하고 요소 와 마우스 의 위 치 를 가 져 옵 니 다.3.mousemove 에서 마우스 의 새로운 위 치 를 계속 가 져 오고 해당 하 는 위치 알고리즘 을 통 해 요소 의 위 치 를 다시 찾 습 니 다.4.mouseup 에서 드래그 를 끝 냅 니 다...그리고 반복 된다.이 중간 에 주의해 야 할 부분 이 있 습 니 다.끌 리 는 요 소 는 적어도 상대 적 이거 나 절대적 인 위치 가 필요 합 니 다.그렇지 않 으 면 끌 리 면 효과 가 없습니다.OK,더 이상 말 하지 않 고 코드 도 없고 진실 도 없다.상응하는 해석 은 모두 그 안에 있다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다: