JS实现鼠标点击拖动窗口方法

  实现功能：点击窗口蓝色部分，光标变成可拖动状态，可以随着光标的移动使窗口的位置发生变化。点击右上角的X可以关闭窗口。

               使用到的知识点：

                             1.创建元素属性document.createElent();

                                var title = document.createElement("div");

                             2.创建文本属性节点document.createTextNode("X")

                             3.在鼠标指针移动到指定的对象上时发生onmouseover 事件

                               // 当鼠标在，title上面移动的时候 ，可以。。。
title.onmousemove = function(event){}

                            4.onmouseup 事件会在鼠标按键被松开时发生。

                               title.onmouseup = function(){}

具体实现：

                   add.onclick = function(event){


popWin.innerHTML = "";


popWin.style.width = "500px";
// popWin.style.height = "400px";


popWin.style.backgroundColor = "#a9a9a9";


// 显示前，给这个div，加上孩子， t