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');