jquery 實現滑鼠點擊div盒子移動功能

標籤：span   jquer   sed   false   nbsp   tar   實現   style   div   

// Start 視窗的拖動           var _move=false;                 //移動標記            var _x,_y;                            //滑鼠離控制項左上方的相對位置           $(document).ready(function(){                $(".box h4").click(function(){  //                    alert("click");//點擊（鬆開後觸發）                }).mousedown(function(e){                    var _this = $(".box");                    if(!_move){                          _move=true;                           _x=e.pageX-parseInt(_this.css("left"));                           _y=e.pageY-parseInt(_this.css("top"));                     }else{                          _move=false;                     }                                           });                    $(document).mousemove(function(e){                           var _this = $(".box");                        if(_move){                               var x=e.pageX-_x;                                                               var y=e.pageY-_y;                               _this.css({top:y,left:x});                                          }                     }).mouseup(function(){                         var _this = $(".box");                           _move=false;                     });         });  

 

jquery 實現滑鼠點擊div盒子移動功能