jsページ要素をドラッグします.垂直中央揃え要素を含みます.
1178 ワード
Document
:
1. , top left
//
function drag(parm){
//js
var left = ($(window).width()-$(parm).width())/2,
top = ($(window).height()-$(parm).height())/2;
$(parm).css({'top':top+'px','left':left+'px'});
$(parm).on('mousedown',function(e){
var x = $(this).offset(),
// top left
oTop = x.top,
oLeft = x.left,
//
mouseX = e.pageX,
mouseY = e.pageY;
$(document).on('mousemove',function(e){
// :( top )+( - )
var m_1 = oLeft+(e.pageX-mouseX) , m_2 = oTop+(e.pageY-mouseY);
$(parm).css({'top':m_2+'px','left':m_1+'px'});
});
})
$(parm).on('mouseup',function(){
$(document).unbind('mousemove');
})
}
drag('#box');