jquery实现鼠标拖拽元素效果

实现了简单的拖拽效果&＃xff0c;没有加边界判断。

//拖动弹窗
/**** &＃64;param {*} downDiv 将鼠标移入时显示移动图标的元素* &＃64;param {*} moveDiv 移动的元素*/
function dragPanelMove(downDiv,moveDiv){$(downDiv)[0].style.cursor &＃61; &＃39;move&＃39;;var moveValue &＃61; {};$(downDiv).mousedown(function (e) {var isMove &＃61; true;//获得鼠标偏移量moveValue.left &＃61; e.pageX;moveValue.top &＃61; e.pageY;moveValue.oldPositionX &＃61;$(moveDiv).position().left;moveValue.oldPositionY &＃61; $(moveDiv).position().top;$(document).mousemove(function (e) {if (isMove) {//新的偏移位置moveValue.newleft &＃61; e.pageX;moveValue.newtop &＃61; e.pageY;//偏移量moveValue.x &＃61; moveValue.newleft - moveValue.left;moveValue.y &＃61; moveValue.newtop - moveValue.top;//新的位置moveValue.newPositionX &＃61; moveValue.oldPositionX &＃43; moveValue.x;moveValue.newPositionY &＃61; moveValue.oldPositionY &＃43; moveValue.y;$(moveDiv).css({left: moveValue.newPositionX &＃43; "px",top: moveValue.newPositionY &＃43; "px",});}}).mouseup(function () {//解除绑定isMove &＃61; false;});});}