저는 최근에 웹 페이지의 드래그 앤 드롭 효과를 발견했습니다. 저는 개인적으로 이것이 좋은 사용자 경험이라고 생각합니다. 시간을 들여 연구한 결과 다음은 간단한 드래그 앤 드롭 jquery입니다. 내가 작성한 사용자 정의 기능.
jquery 코드: fun.js
jQuery.fn .myDrag=function(){
_IsMove = 0;
_MouseLeft = 0;
_MouseTop = 0
return $(this).bind("mousemove",function(e) {
if(_IsMove==1){
$(this).offset({top:e.pageY-_MouseLeft,left:e.pageX-_MouseTop})
}
}); .bind( "mousedown",function(e){
_IsMove=1;
var offset =$(this).offset();
_MouseLeft = e.pageX - offset.left;
_MouseTop = e .pageY - offset.top;
}).bind("mouseup",function(){
_IsMove=0;
}).bind("mouseout",function(){
_IsMove =0;
})
}
html 코드:
demo.htm http-equiv="content -type" content="text/html; charset=UTF-8">
🎜>
드래그 1
드래그 2< ;/div>
렌더링 1:
렌더링 2:
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
