拖动模态框

基础的样式不写，写的主要是 ‘拖动’ 这个效果的代码

案例分析：
点击弹出层，模态框和遮挡层就会显示出来display:block;
点击关闭按钮，模态框和遮挡层就会关闭出来display:none;
在液面中拖拽的原理: 鼠标按下并且移动之后，松开鼠标。
触发事件是鼠标按下mousedown，鼠标移动mousemove, 鼠标松开mouseup。
在脱液过程中鼠标获得最新的值给模态框的Top值和left值。这样模态框就可以跟着鼠标走。
用鼠标的坐标减去鼠标在盒子内部的坐标。才是模态框真正的位置。

第1步，鼠标按下先获得鼠标的坐标。就是用e.pageX减去offsetLeftX的坐标。e.pageY-offsetTop

		title.addEventListener('mouseDown',function(e){
   
			var x = e.pageX - login.offsetLeft;
			var y = e.pageY - login.offsetTop