可拖动面板

 

js

dragFunc: function (id) {
                var titile = $('#' + id);
                var parent = titile.parent();

                var isDown = false;

                var startx = 0;
                var starty;
                var startLeft;
                var startTop;

                titile.mousedown(function (e) {
                    isDown = true;
                    startx = e.clientX;
                    starty = e.clientY;
                    startLeft = parseInt(parent.offset().left);
                    startTop = parseInt(parent.offset().top);

                });

                $(document).mousemove(function (e) {
                    titile.css('cursor', 'move');
                    if (isDown) {
                        parent.offset({
                            left: e.clientX - (startx - startLeft),
                            top: e.clientY - (starty - startTop)
                        });
                    }
                });

                titile.mouseup(function () {
                    isDown = false;
                });
            }

　　

* 绑定鼠标移动事件到 document上 

为何：

这个我也写过拖动的  遇到和你同样的状况 
 确实是div不能绑定mousedown 或者mouse什么的事件  只能是整个页面绑定  ，许多网上的教程例子都没有绑定div层的。
绑定在div上 鼠标移出div层 事件就消失了，绑定document 也就是整个页面都有这个事件。