else if(movingY > bottomest){
$this.css({“top”:bottomest});
if(movingX<0){
$this.css({“left”:0});
}else{
$this.css({“left”:boxX+moveLenX});
}
}
//其它情况，即在可视区域中间
else{
$this.css({“left”:boxX+moveLenX,”top”:boxY+moveLenY});
}
movingX = boxX+moveLenX;
movingY = boxY+moveLenY;
}
})
}
})
})(jQuery)
主要思路：
1.鼠标移动多少距离，元素就同时移动多少距离，所以要获取到鼠标移动的距离；
2.鼠标按下，并且移动，才拖动层。所以需要一个“开关”，在移动按下时打开，如果鼠标这里移动了，那么就移动层，如果这个“关闭”，那么鼠标移动时，层也不会一起移动。
3.获取层元素，在浏览器可视区域的最左、最边，最上、最下的值。并且在拖动层的过程中，把当前层的坐标值，去和这几个值，做比较，如果超过这些值。那么就不能再拖动这个方向，即把值设为最小或最大。
感觉我这些判断有点复杂，有高手指点下，怎么简化下吗？
下载DEMO
