拖动div

开发工具与关键技术：DW开发 JQuery插件
作者：罗中贤
撰写时间：2019-03-26

窗口作拖动 方便操作

<div id="ModTngd">
        <div id="Movding"></div>
 </div>

方法

 dragPanelMove("#Movding", "#ModTngd");
            function dragPanelMove(downDiv, moveDiv) {
                $(downDiv).mousedown(function (e) {
                    var isMove = true;
                    var div_x = e.pageX - $(moveDiv).offset().left;
                    var div_y = e.pageY - $(moveDiv).offset().top;
                    $(document).mousemove(function (e) {
                        if (isMove) {
                            var obj = $(moveDiv);
                            obj.css({ "left": e.pageX - div_x, "top": e.pageY - div_y });
                        }
                    }).mouseup(
                        function () {
                            isMove = false;
                        });
                });

            }

如图：