JS / jquery 实现页面 面板拖动 QQ网页版登陆页面拖动

参考：慕课网DOM实践探秘 http://www.imooc.com/learn/138 

实现需求：点击页面头部，可以拖动面板。使用js原生和jquery 各实现一次。

可以学到：1、鼠标在当前页面的位置。

　　　　　2、事件处理程序，阻止冒泡，

　　　　　3、面板位置的逻辑计算。

　　　　　4、鼠标事件：onmousedown (鼠标点下)  onmouseup  (鼠标释放) onmousemove (鼠标移动)

 

课前须知：html css javascript jquery

实例：